@charset "utf-8";
body {background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-align:justify;}
img{border:0;}
a {text-decoration:none;}

/*__________________________________ESTRUCTURA ____________________________________*/

#general{width:782px; margin:0 auto; margin-top:10px; background:url(img/fnd_base.jpg) repeat-y;}
	#cabecera{width:782px; height:152px;}
		#logo{width:173px; float:left; height:152px;}
		#bann{width:609px; background:url(img/cabecera.jpg) no-repeat; height:152px; margin-left:173px;}
	#menu_h{background:url(img/fnd_menu_h.jpg) no-repeat; height:21px; width:782px;}
		#banderas{float:left; padding:5px 0 0 10px;}
		#menu_txt{float:right; padding-right:30px; padding-top:3px;}
			.horizontal{margin-left:35px; color:#fff; font-weight:bold; font-size:12px;}
			.horizontal:hover{color:#ffe507;}
			.horizontal_fija{margin-left:35px; color:#ffe507; font-weight:bold; font-size:12px;}
	#cuerpo{width:782px; height: auto;}
		#menu_v{width:167px; float:left; margin:100px 0 0 6px;}
			.vertical{width:142px; height:24px; background:url(img/btn_submenu.gif) no-repeat; padding:5px 0 0 25px;}
			.vertical:hover{width:167px; height:24px; background:url(img/btn_submenu_r.gif) no-repeat;}
			.vertical_fija{width:142px; height:24px; background:url(img/btn_submenu_r.gif) no-repeat; padding:5px 0 0 25px; color:#fff; font-weight:bold;}
				.v{color:#5292cc; font-weight:bold;}
				.v:hover{color:#5292cc; font-weight:bold;}
			#direccion{ width:142px; margin:200px 0 0 15px; position:relative;}
			#direccionmd{ width:142px; margin:280px 0 0 15px; position:relative;}
			#direccionmd2{ width:142px; margin:360px 0 0 15px; position:relative;}
			#direcciongr{ width:142px; margin:750px 0 0 15px; position:relative;}
				.direccion_txt{position:absolute; bottom:0; color:#fff;}
		#contenidos{ padding: 15px; margin-left:180px; margin-top:25px;}
			#txt_der{ width:265px;  margin-left:290px; margin-top:25px;}
			#txt_izq{float:left; margin-right:20px; width:265px; margin-top:25px;}
		#contenidos #distribuidor {}
	#pie{width:782px; background:url(img/pie.jpg) no-repeat; height:34px;}
	
	.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} /*para anular los floats anteriores a su posición */

	
/*__________________________________ FIN ESTRUCTURA ____________________________________*/

.titazulb{color:#336ca1; font-size:16px; font-weight:bold;}
.foto_der{float:right; border:1px #336ca1 solid; margin-left:20px;}
.foto_izq{float:left; border:1px #336ca1 solid; margin-right:20px; margin-bottom:10px;}
.foto_cen{text-align:center; width:550px; float:left; margin-top:20px;}
.azul{color:#336ca1;}
.enlaces{color:#840a0a;}
.enlaces:hover{background-color:#E5E5E5;}
.flecha{background:url(img/flecha_grana.jpg) no-repeat 7px 3px; text-indent:30px; margin-left:15px; margin-top:10px;height:25px;}
.oscuro{color:#666666; text-align:left;}
.bordeimg{ border:1px #336ca1 solid;}
.ul_top{margin-top:20px;}
.li_prod{ list-style:url(img/flechitas.jpg); text-align:left; line-height:18px; margin-left:25px; }
* { padding:0; margin:0;}
p{ margin-top:10px;}
.txtselect{border:1px solid #336ca1; width:252px; height:20px;}
.txtbox{border:1px solid #336ca1; width:250px; height:18px;}
.txtarea{border:1px solid #336ca1; width:250px; height:50px;}
.noticia{margin:15px 10px 10px 15px; border-bottom:2px solid #CDCDCD; padding-bottom:10px;}
.enlaces_cen{margin:20px 10px 15px 15px; border-bottom:2px solid #CDCDCD; padding-bottom:10px; text-align:center;}
/*__________________________________ HOME ____________________________________*/

.fndindex{background:url(img/fnd_index.jpg) repeat-x; margin-top:269px; height:167px;}
.medio{width:890px; height:300px; background:url(img/indexx.jpg) no-repeat center top; margin:0px auto;/*border:1px solid #000;*/}
.idioma{margin:200px 0 0 25px;}
.idioma2{margin:20px 0 0 25px;;}
.todo{background:url(img/img_home.jpg) no-repeat center top; height:100%; margin:0 auto;}

/*__________________________________ FORMULARIO DISTRIBUIDOR ____________________________________*/


.clear {clear: both;}

#form { width:400px; height: 400px; /*background-color:#5292cc;*/ padding:10px;}

#form #titol { padding: 0 0 15px 0;}

#form #izquierda { width: 180px; float:left;}

#form #izquierda .fila {}
#form  #izquierda .fila .txt { float:left; width: 62px; padding: 3px;}
#form  #izquierda .fila .input { float:left; width: 100px; padding: 3px;}

#form  #derecha {width: 180px; float: left;}

#form  #derecha .fila { margin: 3px;}
#form  #derecha .fila .txt { float:left; width: 62px; padding: 3px;}
#form  #derecha .fila .input { float:left; width: 100px; padding: 3px;}

#form  #comentarios {width:350px; padding: 3px;}
#form  #comentarios .txt { float:left; width: 62px; padding: 10px 3px;}
#form  #comentarios .input { float:left; padding: 10px 3px;}

#form  #enviadatos {}

#form #pieform { padding: 15px 0; width:400px;}
a.enlacepie:link, a.enlacepie:active, a.enlacepie:visited {color: #999; text-decoration: none;}
a.enlacepie:hover {color: #000;}


/* FORMULARIOS
--------------------------------------------------------------------------- */

input {color:#fff; background-color:#5292CC; border: 1px solid #fff; height:14px; width: 100px; font-size:11px;}
.desplegable {color:#fff; background-color:#5292CC; border: 1px solid #fff; height:14px; width: 100px; font-size:11px;}
textarea {color:#fff; background-color:#5292CC; border: 1px solid #fff; height:64px; width: 274px; font-size:11px;}
.botonenviar {height: 18px; background-color: #346ba1; color: #fff; width: 100px; font-size:11px;}
.botonenviar:hover {height: 18px; background-color: #000; color: #fff; width: 100px; font-size:11px;}

/* AVISO LEGAL */
#aviso{padding: 0px; margin-left:10px; margin-top:10px; margin-right: 10px;}

#facebook {text-align: center; padding: 10px; margin: 20px auto;}
#facebook a img {border: 0;}