/* -------------------------------------------------------------- 
   
   grilla.css
   * Es muy fácil de usar, dividimos la página en 24 columnas

   * Por defecto el tamaño de inicio es 950 px, con 24 columnas 
 	 con spans de 30px y 10 px de margen

   * Para utilizarlo debes hacer la siguiente ecuación: tengo
	 de tamaño 950 px, que es lo mismo que decir (columnas * 40) -10
	 así que si tengo 950 serían 24 columnas.

   
-------------------------------------------------------------- */
body{
	background-image: url('../../../img/bg.jpg') ;
	background-repeat:repeat-x;
	background-color:#014e08;
	text-align: left;
}


.general {
  width: 1280px;
  margin: 0 auto;
  
}
/* Contenedor de todas las columnas. */
/*
.container {
  width: 960px;
  height: 250px;
  margin: 0 auto;
  float: left;
  background-image: url('../../../img/contenido01.png');
background-repeat:no-repeat;
}*/

.container {
float: left;
width: 960px;
height: 250px;
margin: 0 auto;
margin-left: 155px;
background-image: url('../../../img/contenido01.png');
background-repeat: no-repeat;
}

.laterales{
	width: 150px;
	float: left;
	padding:230px 5px 0px 5px;
}

.laterales1 {
	width: 150px;
	float: left;
	padding: 230px 5px 0px 5px;
	position: fixed;
	height: 1024px;
	margin-left: 0px;
}

.laterales2 {
width: 150px;
float: left;
padding: 230px 5px 0px 5px;
position: fixed;
margin-left: 1110px;
height: 1024px;
}

span a.registro{
		display:none;
	}
	span a.entrar{
		display:none;
	}
	
	#registro{
		width:197px;
		height:50px;
		float:right;
		padding-top:5px;
	}
	
	#registro span{padding:12px;font-size:1.2em;color:#fff;}
		#registro span a{color:#fff;text-decoration:none;font-weight: bold;}
		#registro span a:hover{color:#fff;text-decoration:underline;font-weight: bold;}
	
		#registro_on{
		width:928px;
		height:50px;
		float:right;
		padding-top:5px;
	}
	
	#registro_on p{
		color:#FFFFFF;
		float:right;
		font-size:11px;
		padding:4px 0 0 0;
	}
		#registro_on p a{color:#fff;text-decoration:none;font-weight: bold;}
		#registro_on p a:hover{color:#fff;text-decoration:underline;font-weight: bold;}

#cabecera ul{margin-top:-5px;margin-left:0px;margin-bottom:50px;}
	#cabecera ul li{display:inline;vertical-align:middle;padding-top:0px;}
	.hello{padding:15px 0px 0px 10px;}
	.logout{margin-top:-15px;}
	.logout img{vertical-align:top;}

ul.registro{

	list-style:none;
	width: 100%;
	float:left;
}
	ul.registro li{
		position:relative;
		float:left;
  			}
		ul.registro li a{
			text-decoration:none;
			display:block;
		}
	
	ul.registro li a span{
		display:none;
	}	
	ul.registro li a.registrarse {
				background-image:url('../../../img/btn_registro.png');
				background-repeat:no-repeat;
				height:23px;
				width:90px;

			}
	ul.registro li a.entrar {
				background-image:url('../../../img/btn_entrar.png');
				background-repeat:no-repeat;
				height:23px;
				width:73px;

			}	

#cabacera{
	height:150px;	
}

#barra_menu{
	height:50px;
	margin-bottom: 70px;
}

	
#menu{
	margin-top:21px;
	height:48px;
	font-weight:bold;
}

#menu ul{width:928px;}

	.menu{margin:15px 0px 0px 30px;}
	#menu ul li {display:inline;padding:4px;}
	#buscador{margin-top:33px; margin-right:-22px;float:right;}
		.buscador input{margin-left: 5px;border:1px solid #fff;font-size:12px;}
		.buscador img{vertical-align: top;margin-bottom:6px;}
	#buscador ul li{display:inline;}
	
	#imagen{
			width:60px;
			height:21px;
			display:inline-block;
			border:none;
			margin-top:20px;
			top:9px;
			right:8px;
			position:relative;}
	.search{
		color:#fff;
		margin:20px 10px;
		font-size:14px;
	}	
	 #texto{
	 	background:url("../../../img/input_buscador.png") no-repeat scroll 0 0 transparent;
		border:medium none;
		color:#000000;
		height:21px;
		list-style:none outside none;
		margin:0;
		padding:0;
		width:200px;
		margin-left:23px
	 }

	#input01{
		background:url("../../../img/input_form01.png") no-repeat scroll 0 0 transparent;
		border:medium none;
		color:#000000;
		height:22px;
		list-style:none outside none;
		margin:0;
		padding:0;
		width:459px;
		margin-left:0px;
	}
	
		#input02{
		background:url("../../../img/input_form02.png") no-repeat scroll 0 0 transparent;
		border:medium none;
		color:#000000;
		height:100px;
		list-style:none outside none;
		margin:0;
		padding:0;
		width:459px;
	}
		
/*
		.enviar{
			margin-right:60px;
		}
*/
		
		.btn_enviar{
			float:right;
			margin-right:20px;
		}

		.buscar_txt{margin:0px 0px 2px -10px;padding:0px;color:#999999;}
		.buscar_btn{margin:3px 0px 0px 5px;}
		

	
	ul.menu{
				list-style:none;
				width: 100%;
				/*padding-top:11px;
				padding-left:35px;*/
				}
			ul.menu li{
				position:relative;
				float:left;
				/*width:122px;
				height:22px;*/
  			}
				ul.menu li a{
					margin-top:25px;
					text-decoration:none;
					display:block;
					}
	
	ul.menu li a span{
		display:none;
	}	
	ul.menu li a.noticias {
				background-image:url('../../../img/menu_noticias.png');
				background-repeat:no-repeat;
				height:35px;
				width:67px;
			}
			
			ul.menu li a.noticias:hover{
				background-image:url('../../../img/menu_noticias.png');
				background-repeat:no-repeat;
				height:35px;
				width:67px;
				background-position:0 -35px;
			}
	ul.menu li a.youtube {
				background-image:url('../../../img/menu_youtube.png');
				background-repeat:no-repeat;
				height:35px;
				width:66px;
			}
			
			ul.menu li a.youtube:hover{
				background-image:url('../../../img/menu_youtube.png');
				background-repeat:no-repeat;
				height:35px;
				width:66px;
				background-position:0 -35px;
			}	
	ul.menu li a.promociones {
				background-image:url('../../../img/menu_promociones.png');
				background-repeat:no-repeat;
				height:35px;
				width:91px;
			}
			
			ul.menu li a.promociones:hover{
				background-image:url('../../../img/menu_promociones.png');
				background-repeat:no-repeat;
				height:35px;
				width:91px;
				background-position:0 -35px;
			}
	ul.menu li a.encuestas {
				background-image:url('../../../img/menu_encuestas.png');
				background-repeat:no-repeat;
				height:35px;
				width:76px;
			}
			
			ul.menu li a.encuestas:hover{
				background-image:url('../../../img/menu_encuestas.png');
				background-repeat:no-repeat;
				height:35px;
				width:76px;
				background-position:0 -35px;
			}
	
	ul.menu li a.social {
				background-image:url('../../../img/menu_social.png');
				background-repeat:no-repeat;
				height:35px;
				width:51px;
			}
			
			ul.menu li a.social:hover{
				background-image:url('../../../img/menu_social.png');
				background-repeat:no-repeat;
				height:35px;
				width:51px;
				background-position:0 -35px;
			}
	ul.menu li a.lanzamientos {
				background-image:url('../../../img/menu_lanzamientos.png');
				background-repeat:no-repeat;
				height:35px;
				width:97px;
			}
			
			ul.menu li a.lanzamientos:hover{
				background-image:url('../../../img/menu_lanzamientos.png');
				background-repeat:no-repeat;
				height:35px;
				width:97px;
				background-position:0 -35px;
			}
	ul.menu li a.eventos {
				background-image:url('../../../img/menu_eventos.png');
				background-repeat:no-repeat;
				height:35px;
				width:65px;
			}
			
			ul.menu li a.eventos:hover{
				background-image:url('../../../img/menu_eventos.png');
				background-repeat:no-repeat;
				height:35px;
				width:65px;
				background-position:0 -35px;
			}		
			
	ul.menu li a.contacto {
				background-image:url('../../../img/menu_contacto.png');
				background-repeat:no-repeat;
				height:35px;
				width:75px;
			}
			
			ul.menu li a.contacto:hover{
				background-image:url('../../../img/menu_contacto.png');
				background-repeat:no-repeat;
				height:35px;
				width:75px;
				background-position:0 -35px;
			}
			
#redes_sociales{
	background-image: url('../../../img/redessociales.png');
	background-repeat:no-repeat;
	margin-left:10px;
	margin-top:20px;
}
			
#redes_sociales ul li{
	display: inline;
	margin-left:15px;
	width: 50px;
}

#redes_sociales ul li.empo_social {
bottom:5px;

margin-right:420px;
position:relative;
}


#publi_interna{
	width:600px;
}
#publi_interna ul{
	margin-left: 15px;
}

#publi_interna ul li{
	margin-left: 71px;
	display: inline;
	padding-right:5px;
	vertical-align:middle;
	float:left
}

#publi_interna ul li.publi{
	position: relative;
	top:24px;
}

#publi_interna ul li.publi1{
	margin-left: 15px;
}

	
#cuerpo{

	background-image: url('../../../img/contenido02.png');
	background-repeat:repeat-y;
	margin:0px auto;
	width:960px;
	margin-top:-21px;
}

	#banner{
		height:252px;
		margin-left:15px;
	}
	
	#contenido{
		margin-bottom:15px;
	}
	
	#titulo li img{
		margin-left:-20px; 
		margin-top:5px;
		margin-bottom:5px;
	}
	
	#titulo li span{display:none;}
	
		#post{
			padding:20px;
			width:533px;
			height:auto;
			min-height: 1000px;
			margin-right:30px;
			text-align: left;
		}
		
		.socialMan{
			width:520px;
			overflow-x:hidden;
		}
		
		#postM{
			padding:20px;
			width:600px;
			height:auto;
			min-height: 1000px;
		}

			#post ul li .post{
				background-image: url('../../../img/flechatitulo.png');
				background-position:left top;
				background-repeat:no-repeat;
				padding-left:50px;
				height:210px;
				width:533px;
				margin-top:10px;
				margin-left:-53px;
				
			}
			
			.post1{
				background-image: url('../../../img/flechatitulo.png');
				background-position:left top;
				background-repeat:no-repeat;
				padding-left:40px;
				height:200px;
				width:600px;
				margin-top:10px;
				margin-left:-53px;
				
			}

			#postM ul li .post{
				background-image: url('../../../img/flechatitulo.png');
				background-position:left top;
				background-repeat:no-repeat;
				padding-left:60px;
				height:200px;
				width:600px;
				margin-top:10px;
				margin-left:-53px;
			}

				.post h3{
					 margin-top:21px;
					 margin-bottom:30px;
					 font-size:18px; 
					 color:#111;
				}
				.post h3.lanzamiento{margin-top:20px;}
				.post h3.eventos{margin-top:18px;}
				.post h3.encuestas{margin-top:7px;}
				.post h3 a{
					text-decoration:none;
					color:#111;
					position:relative;
					bottom:15px;
				}
				
				.post span a{text-decoration:none;color:#fff;}
				.post span a:hover{text-decoration:underline;}
				
				.post1 h3{
					 margin-bottom:30px;
					 margin-top:10px;
					 font-size:18px; 
					 color:#111;
					 text-align: left;
				}
				.post1 h3 img{
					margin-top:10px;
				}
				.post1 h3 a{text-decoration:none;color:#111;}

				.post1 span a{text-decoration:none;color:#fff;}
				.post1 span a:hover{text-decoration:underline;}
				
				/*
				post encuestas
				*/
				
		#post_encuestas{
			padding:20px;
			width:520px;
			min-height: 1000px;
		}

			.post_encuestas{
				background-image: url('../../../img/flechatitulo.png');
				background-position:left top;
				background-repeat:no-repeat;
				padding-left:60px;
				height:300px;
				width:600px;
				margin-top:10px;
				margin-left:-53px;
				
			}
				.post_encuestas h3{
					 margin:20px 0px;
					 font-size:18px; 
					 color:#10A900;
				}
				.post_encuestas h3 a{text-decoration:none;color:#111;}
				.post_encuestas span a{text-decoration:none;color:#fff;}
				.post_encuestas span a:hover{text-decoration:underline;}
			
				.fecha {
					color:#FFFFFF;
					font-size:12px;
					font-weight:bold;
					margin-left:-45px;
					margin-top:23px;
					width:60px;
				}

				.texto1{
					width:395px;
					font-size:12px;
					margin-left:130px;
					margin-top:30px;
				}
				
				.texto_gde{
					width:450px;
					text-align:justify;
					font-size:12px;
					margin-top:12px;
					margin-bottom:12px;
				}
				
				#texto_gde p{
					font-size: 14px;
					margin-bottom:12px;
				}
		
				.texto_post{
					margin-top:14px;
				}
				
				.img_post{
					margin-right:-55px;
				}
				
				.pie_post{
/*
					position:relative;
					left:-65px;

					top:10px;
*/				}

#banner_social{
	margin-top:-60px;
	margin-left: 55px;
	float:left;
}	


#semana{
	margin-top:30px;
	margin-left:33px;
	float:left;
}	

#slideshow{
	margin-left:27px;
}	
	
	
#banner_noticias{
	background-image: url('../../../img/fondo_banner_inf.jpg');
	background-repeat:no-repeat;
	height:190px;
	padding-top:50px;
	margin-bottom:-14px;
	background-color:#fff;
	width:927px;
	
}	

	#banner_noticias{
		padding-left:0px;
	}

	#redes{
		background-image:#ffffff url('../../../img/fondo_social.jpg');
		background-repeat:no-repeat;
		margin-left:8px;
		height:170px;
	}
		#redes ul{width:900px;padding-top:10px;}
		#redes li{display:inline;padding:40px 30px 30px 30px;}

#noticias{
	background-image: url('../../../img/pie.png');
	background-repeat:no-repeat;
	height:349px;
	padding:15px 0px 0px 30px;
	text-align: left;
}

	.listas{
		color:#ffffff;
		padding-right:25px;
	}
	
	.listas h3{color:#fff;font-size:14px;}
	.listas ul{width:235px;}
	.listas li{font-size:13px;margin-left:-15px;}
	.listas a{color:#fff;text-decoration:none;}
	.listas a:hover{color:#fff;text-decoration:underline;}

#pie{
	background-image: url('../../../img/pie.png');
	background-repeat:no-repeat;
	height:100px;
	margin-bottom:-15px;
}
#patrocinadores{
	padding-top:25px;
	margin-left:0px;
}

#patrocinadores ul li{
	display: inline;
	margin-left:70px;
}

#patrocinadores ul li.mas{
	margin-left:80px;	
}

#pie{
	background-image: url('../../../img/contenido02.png');
	background-repeat:repeat-y;
	width:960px;
}	

#lista{

	margin-top:30px;
}

#noticias{
	background-image: url('../../../img/contenidomas02.png');
	background-repeat:repeat-y;
	height:220px;
	margin: 0 auto;
	padding:15px 0 0 35px;
}

#arriba_noticias{
	height:20px;
	background-image: url('../../../img/contenidomas01.png');
	background-repeat:no-repeat;
}

#abajo_noticias{
	height:20px;
	background-image: url('../../../img/contenidomas03.png');
	background-repeat:no-repeat;
	margin-left:4px;
}

#fin_pie{
	height:20px;
	width:960px;
	background-image: url('../../../img/contenido03.png');
	background-repeat:no-repeat;
	margin-top:100px;
}
	.listas{
		color:#ffffff;
		padding-right:25px;
		
	}
	#listas{
		margin-top:70px;
		margin-left:6px
	}
	
	.listas h3{color:#fff;font-size:14px;}
	.listas ul{width:235px;}
	.listas li{font-size:13px;margin-left:-15px;}
	.listas a{color:#fff;text-decoration:none;}
	.listas a:hover{color:#fff;text-decoration:underline;}
	
	
.aviso{
	color:#ffffff;
}

#aviso{
	margin-left: 43px;
	margin-top:15px;
	text-align: left;
}


/*
 Entrar.html
 */

#post_blanco{
	padding:20px;
	width:520px;
	margin:0px auto;
	margin-top:-15px;
	}

#blanco{width:496px;margin:0px auto;text-align: left;}
	.blanco_arriba{
		height:9px;
	}
	.blanco_medio{
		height:346px;
		text-align: left;
	}

	 	.isotipo{
	 	
			height:50px;
	 	}
		.alert{
			padding:0px 5px;
			margin:10px 20px 0px 60px;
			height:20px;
			background-color:red;
		}
		.alert h4{color:#fff;}
		.logout{font-size:16px; margin-left:220px;}
		.logout a:hover{color:green;}
		.blanco_medio ul{margin-left:15px;}
		.blanco_medio li{font-size:14px;margin-bottom:15px;}
		.blanco_medio h3{font-size:20px;padding:5px 0px 0px 50px;}
		.blanco_medio img{vertical-align:middle;}
		.blanco_medio a{text-decoration:none; color:#fff;}
		.blanco_medio a:hover{text-decoration:underline; color:#fff;}
	.blanco_abajo{
		height:15px;
		margin-top:-4px;
		margin-bottom:-4px;
	}		

	.blanco_input{
		background-image: url('../../../img/input_form01.png');
		background-repeat:no-repeat;
		width:459px;
		height:22px;
		margin-bottom:5px;

	}
	
	.blanco_input input{
		width:430px;
		height:18px;
		border:none;
		font-size:16px;
		margin:1px 0px 0px 10px;
	}
	
	.blanco_input2{
		background-image: url('../../../img/input_form02.png');
		background-repeat:no-repeat;
		width:459px;
		height:90px;
		margin-bottom:5px;

	}
	
	.blanco_input2 input{
		width:440px;
		height:75px;
		border:none;
		font-size:16px;
		margin:2px 0px 0px 10px;
	}
	
	.blanco_input3 {
		width:264px;
		height:17px;
		border:none;
		font-size:16px;
		margin-top:1px;
	}
		
		.enviar{margin-top:30px;}
		.enviar span{
			margin-top:-5px;
			margin-right:23px;
			float:right;
		}


	.blanco_medio1{
		height:420px;
	}
	.blanco_medio1 ul{margin-left:15px;}
		.blanco_medio1 li{font-size:14px;margin-bottom:3px;}
		.blanco_medio1 h3{font-size:20px;padding:5px 0px 0px 50px;}
		.blanco_medio1 img{vertical-align:middle;}
		.blanco_medio1 a{text-decoration:none; color:#fff;}
		.blanco_medio1 a:hover{text-decoration:underline; color:#fff;}
		.enviar1{margin-top:30px;}
		.enviar1 span{
			margin-top:-5px;
			margin-right:23px;
			float:right;
		}
		
	.blanco_medio2{
		height:420px;
	}
	.blanco_medio2 ul{margin-left:15px;}
		.blanco_medio2 li{font-size:14px;margin-bottom:3px;}
		.blanco_medio2 h3{font-size:20px;padding:5px 0px 0px 50px;}
		.blanco_medio2 img{vertical-align:middle;}
		.blanco_medio2 a{text-decoration:none; color:#fff;}
		.blanco_medio2 a:hover{text-decoration:underline; color:#fff;}
	
		
	.comprar{
	 		background:url('../../../img/icono_carrito.png') no-repeat;
			height:50px;
	 	}	
		
		.item{
			border-bottom:4px solid #E9E9E9;
			border-top:1px dotted #999;
			height:45px;
			clear:both;
			padding-top:5px;
		}
			.item p{margin-top: 3px;color:#333;}
		
			.unidad{background:url('../../../img/precio.jpg') no-repeat;
			height:50px;padding:10px 0px 0px 4px;}
			.unidad span{font-size:.9em;}
			.cancel{padding-top:10px;}
			
		.blanco_medio3{
		height:auto;
		overflow:hidden;
	}
	.total{
		width:105px;
		height:35px;
		background:url('../../../img/total.jpg') no-repeat;
		padding:10px 0px 0px 0px;
		text-align:right;
	}
		.total span{ }
	
		.total1{
			padding-top:10px;
		}
	.blanco_medio3 ul{margin-left:10px;}
		.blanco_medio3 li{font-size:14px;margin-bottom:15px;}
		.blanco_medio3 h3{font-size:20px;padding:5px 0px 0px 50px;}
		.blanco_medio3 img{vertical-align:middle;}
		.blanco_medio3 a{text-decoration:none; color:#fff;}
		.blanco_medio3 a:hover{text-decoration:underline; color:#fff;}
		.enviar2{margin-top:10px;border-top:2px solid #0094CC;padding-top:15px;}
		.enviar2 span{margin-left:170px;}		
		
	#recaptcha_area{
		margin-left:60px;
		margin-top:20px;
	}
		
		
.paginar{
	color:#fff;
	position:relative;
	top:10px;
}

	.pag{
		color:#fff;
		font-weight:bold;
		padding:3px;
	}
	
	.paginar a{text-decoration:none;color:#10A900;font-weight:bold;
		padding:3px;}
	.paginar a:hover{
		color:#fff;
		font-weight:bold;
		padding:3px;color:#fff;}
		

	
	.derecha{
		text-align: right;
	}
	
/*Comentarios*/
#comentarios{
	margin-top: 10px;
	margin-bottom:10px;
	text-align: left;
}
	
	 div #comentarios{
		background-color: #3A7C3E;
		border-top:1px dotted #fff ;
		border-bottom:1px dotted #fff ;
		padding: 5px;
	}

	.hora_comentario{
		margin-top: 2px;
	}

	.texto_comentario{
		margin-top: 5px;
	}
	

#friendfeed.widget .feed {
	border-color:#10A900;
	padding-left:12px;
	padding-right:12px;
}


.titulo_post{
	margin-top: 8px;
}

#formularioComentario label {
margin-left:-400px;
text-align:left;
}

/* Columnas
-------------------------------------------------------------- */

/* Use esta clase junto con la clase .span-? para poder armar el esquema, el margin
define el espacio que hay despues de cada columna */
   
.columna {
  float: left;
  margin-right: 10px;
}


/* La última columan necesita que se coloque esta clase, más que todo para que no nos
deforme el diseño*/

.ultimo { margin-right: 0; }

/* Con estas clases definimos el ancho de las columnas */
.ancho-1   { width: 30px; }
.ancho-2   { width: 70px; }
.ancho-3   { width: 100px; }
.ancho-4   { width: 150px; }
.ancho-5   { width: 170px; }
.ancho-5B   { width: 190px; }
.ancho-6   { width: 240px; }
.ancho-7   { width: 270px; }
.ancho-8   { width: 310px; }
.ancho-9   { width: 360px; }
.ancho-10  { width: 390px; }
.ancho-11  { width: 455px; }
.ancho-12  { width: 470px; }
.ancho-13  { width: 510px; }
.ancho-14  { width: 530px; }
.ancho-15  { width: 590px; }
.ancho-16  { width: 630px; }
.ancho-17  { width: 668px; }
.ancho-18  { width: 710px; }
.ancho-19  { width: 750px; }
.ancho-20  { width: 790px; }
.ancho-21  { width: 830px; }
.ancho-22  { width: 870px; }
.ancho-23  { width: 927px; }
.ancho-24  { width: 950px; }
.ancho-25  { width: 960px; }

/* Lateral derecho de las columnas. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Borde para agregar más espacio en blanco a los span o columnas */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Utilice estas clases para sacar de la misma linea a una columna. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Más elementos
-------------------------------------------------------------- */

/* Con esta clase podemos crear cajas  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Con esta clase podemos crear reglas horizontales. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Limpiar los floats 
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Derecha o Izquierda*/
.izq{
	float:left;
}

.der{
	float:right;
}
.vacio{
	clear:both;
}