/*** Tags
-------------------------------------------------------------- ***/
* {margin:0; padding:0;}

body { font:62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#62635f;}

:focus {outline:0;}
img {border:0px;}
ul, ol {list-style-type:none;}
a {text-decoration:none;}

dl {font-size:1.2em; margin:0.5em 0.3em;}
dl dt span { font-size:0.9em;}
dl dd { margin-bottom:0.8em; line-height:1.6em;}

/*** Clases comunes
-------------------------------------------------------------- ***/
.right {float:right;}
.left {float:left;}
.cleaning {clear:both;}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

/*CLASES DE ErROR*/
.error {border: 1px solid red !important;}
label span{display:none}
.errorSpan span {display:inline; color:red !important;} 

.img_corp, .box_img  { border:1px solid #d9d3c1; background:#eeece3; padding:2px;}
.img_corp_b {padding:1.0em 2.0em;}
.box_txt p .img_corp { margin:0.4em 1.0em;}
.box_imgClip {border:1px solid #d9d3c1; background:#eeece3; padding:2px; height:175px;}
.box_imgClip span {display:block; width:100%;}
#imgAsociate span {background:url(../imagenes/contenido/img_asociate.jpg) no-repeat 0em 0em;}
#imgNakura span {background:url(../imagenes/contenido/img_nakura.jpg) no-repeat 0em 0em;}
#imgDomotex span {background:url(../imagenes/contenido/img_domotex.jpg) no-repeat 0em 0em;}
#imgNoestassolo span {background:url(../imagenes/contenido/img_noestassolo.jpg) no-repeat 0em 0em;}

.box_txt { padding:0em 1.4em 0em 0em; text-align:justify;}
.box_txt p, .box_txt ul { font-size:1.2em; line-height:1.5em; margin-bottom:1.2em;}
.box_txt p.dest {font-size:1.3em; color:#191619; font-family: Georgia, Arial, Helvetica, sans-serif;}
.box_txt p strong, .box_txt ul strong {color:#444;}
.box_txt .lnk_corp {font-size:1.2em;}

.list_corp li { margin-bottom:0.7em; padding-left:1.0em; background:url(../imagenes/interfaz/bullet.gif) no-repeat 0em 0.4em;}

.list_dest li { line-height:1.6em; margin-bottom:1.0em; padding-left:1.9em; background:url(../imagenes/interfaz/bullet_dest.jpg) no-repeat 0em 0.2em; font-family: Georgia, Arial, Helvetica, sans-serif;}

.list_corp_min{margin-bottom:0.4em; list-style-type:square; margin-left:1.0em; /*color:#837D6C;*/}
.list_corp_min strong {color:#837D6C!important;} 

   /*** Links
	-------------------------------------------------------------- ***/
	.lnk_corp {color:#24a7e1; text-decoration:underline; font-size:1.2em;}
	.lnk_corp:hover {text-decoration:none;}
	.img{vertica-align:middle;margin:0;padding:0;}
	.lnk_desp {color:#191619; display:block; padding-bottom:0.2em; border-bottom:1px dashed #AC9E71; background:url(../imagenes/interfaz/ico_desp.gif) no-repeat 98% 0.3em;}
	.lnk_desp:hover {color:#AC9E71;}

	.btn_nav {background:#24a7e1; color:#fff; font-size:1.2em; font-weight:bold; padding:0.0em 0.4em;}
	.btn_nav:hover {color:#191619;}
	
	.btn_arrow {
		display:block;
		background:url(../imagenes/interfaz/btn_arrow.gif) no-repeat 0px 0px;
		color:#1f1317;
		width:171px;
		padding:0px 14px;
		line-height:2.4em;
	}
	.btn_arrow:hover {color:#fff;}
	
	.btn_descarga {
		padding:0em 0.8em;
		font-size:1.2em;
		display:block;
		background:url(../imagenes/interfaz/btn_descargas.gif) no-repeat 0px 0px;
		color:#fff;
		width:144px;
		line-height:28px;
		height:28px;
	}
	.btn_descarga:hover {background:url(../imagenes/interfaz/btn_descargas.gif) no-repeat 0px -28px;}
	
	.btn_subir {position:absolute; right:1%; bottom:2%; }
	
	 /*** Forms
	-------------------------------------------------------------- ***/
	
	form { font-size:1.2em;}
	fieldset {border:none; margin-bottom:1.6em;}
	fieldset.col {width:46%; padding-right:2%; float:left;}
	.legend {color:#191619; font-size:1.1em; display:block; padding-bottom:0.3em;}
	.form-row {margin-bottom:0.4em;}
	.form-row.left {width:28%;}
	textarea {width:95%;}
	
	label {
		clear:left;
		display:block;
		float:left;
		width:25%;
		text-align:right;
		color:#72695e; padding-right:0.6em;
	}
	label.legend {width:95%; text-align:left; float:none; padding-bottom:0;}
	
	.txt {
		color:#666;
		font:1.2em; "Trebuchet MS", Arial, Helvetica, sans-serif;
		border:1px solid #d9d3c1;
		padding:1px 2px;
		background:#eeece3;
	}
	
	.btn{
		display:block;
		width:110px;
		line-height:28px;
		height:28px;
		background:url(../imagenes/interfaz/btn.gif) no-repeat 0px 0px;
		color:#fff;
		font-weight:BOLD!IMPORTANT;
		font:1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		border:0PX;
		cursor:pointer;
	}
	.btn:hover{background:url(../imagenes/interfaz/btn.gif) no-repeat 0px -28px;}
	
	/* Tabla */
	.tabla {font-size:1.3em; margin-bottom:2.0em; width:85%; border-left:1px solid #dedbcb;}
	.tabla caption {font-size:1.3em; color:#f4f2ec; line-height:1.4em;text-align:left;  padding:0.4em; border-bottom:3px solid #dedbcb; background:#847e6f;}
	.tabla thead th {color:#807F6E; padding:0.3em 0.5em; font-weight:normal;border-bottom:1px solid #dedbcb; border-right:1px solid #dedbcb; background:#FCFBFA;}
	.tabla tbody th {color:#191619; font-size:0.9em; background:url(../imagenes/interfaz/bg_th.gif) repeat-x 0px 0px; font-family: Georgia; font-weight:normal; padding:0.3em 1.0em;  border-bottom:1px solid #dedbcb; border-right:1px solid #dedbcb; }
    .tabla tbody td {border-bottom:1px solid #dedbcb; padding:0.3em 0.5em; border-right:1px solid #dedbcb;}
	
	/* Div round*/
	div.redon {background:#eeece3; margin-bottom:1.0em;}
	div.redon div {padding:1.0em;}
	
	/* Div round*/
	.box_dashed {padding-bottom:0.8em; margin-bottom:4.0em; border-bottom:2px solid #191619;}
	
	
/*** Layout
-------------------------------------------------------------- ***/
#contenedor, #pie, .links_legal div{ margin:0px auto; width:600px; 
}
#cabecera {padding:0% 0% 0% 2%; height:128px;display:none;}
#cabecera div.left {width:33%;}
#cabecera div.right {width:67%;} 
 
	h1.logo {border:4px solid #eeece3;}
	#cabecera h2 {
		display:block;
		background-image:url(../imagenes/interfaz/txt_lider.gif);
		background-repeat:no-repeat;
		width:140px;
		height: 0px !important; 
		height /**/:61px; /* IE 5/Win hack */ 
		padding: 61px 0 0 0;
		overflow:hidden;
		margin:50px 0px 0px 6px;
	}
	.top_menu {font-size:1.2em; margin-top:1.0em; width:28.0em;display:none;}
	.top_menu li {display:inline; padding-right:2%;}
	.top_menu li a {color:#fff;}
	.top_menu li a:hover {text-decoration:underline;}

	.mainMenu {background:url(../imagenes/interfaz/bg_mainMenu.gif) no-repeat 0px bottom; padding-left:2px;display:none;}
	.mainMenu li {float:left; margin-top:1.4em;}
	
	.mainMenu_item, .mainMenu_item:hover, .mainMenu_itemSel, .mainMenu_itemSel:hover {
		padding-top:60px;
		width:77px;
		display:block;
		color:#706047;
		font-weight:bold;
		font-size:1.3em;
		height:20px;
		padding-left:3px;
		background-image:url(../imagenes/interfaz/bg_mainMenuItem.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
	}
	.mainMenu_item#nuestrasMarcas, .mainMenu_itemSel#nuestrasMarcas {padding-top:42px; height:38px;}
	.mainMenu_item:hover, .mainMenu_itemSel, .mainMenu_itemSel:hover{color:#e8e4da; background-position:0px -80px;}
	
#wrap_pie {background:#373230; border-top:4px solid #373230; padding-top:1.3em;display:none;}
#pie {font-family: Arial, Helvetica, sans-serif; font-size:1.1em;color:#fff;display:none;}
#pie div.left {width:30%; margin-left:1%;}	
#pie div.right {width:auto; line-height:4.0em; margin-right:1%;}
.box_franquicias {margin:1.4em 0em;}
.box_franquicias img, #pie div.right img {padding-right:0.6em; line-height:8.0em; vertical-align:middle;}
.links_legal {background:#161515;}
.links_legal div {line-height:2.8em; color:#837d7c;}
.links_legal div a {color:#fff; text-decoration:none; padding-left:1.0em;}
.links_legal div a:hover {color:#837d7c; text-decoration:underline;} 

/*** Layout Home
-------------------------------------------------------------- ***/
#contenido{padding:1.7em 0em; font-size:1.2em;}
#contenido h2 {font-weight:normal; font-size:1.8em; margin-bottom:1.0em;}

#autopromo { background:#000 url(../imagenes/interfaz/ico_logo.gif) no-repeat 830px 70px; width:100%; margin-bottom:2.0em;}
#autopromo div.left {color:#fff; width:35%; padding:114px 0em 0em 3%;}
#autopromo div.left h3 {text-transform:uppercase; color:#9c1825; font-size:2.8em; font-weight:normal;¾}
#autopromo div.left p {font-size:1.3em; margin-bottom:1.8em;}
#autopromo div.left a {font-size:1.2em; color:#B4A470;}

.box_intro_franquicias h2 a {color:#706047; text-decoration:none; margin-left:4%;}
.intro_franquicias {width:199px; margin-left:4%; height:8.6em; font-weight:bold; position:relative;}
.intro_franquicias img {padding:0em 0.6em 0.6em 0em}
.intro_franquicias .btn_arrow {position:absolute; bottom:0; left:0px;}

/*** Layout Interior
-------------------------------------------------------------- ***/
#contenidoInt,#contenidoInt_b {padding:6px 0% 3% 2%; position:relative;}
#contenidoInt #col_left {/*width:236px;*/ width:28%; float:left;}
#contenidoInt #col_right {width:67%; float:right;}

#contenidoInt_b #col_left {/*width:236px;*/ width:35%; float:left;}
#contenidoInt_b #col_right {width:59%; float:right;}

#contenidoInt h1, #contenidoInt_b h1 {font-size:2.2em; color:#191619; margin-bottom:0.3em; font-weight:normal;}
#contenidoInt h2, #contenidoInt_b h2 {font-size:2.0em; color:#b2a170; font-weight:normal; display:block; border-bottom:1px solid #dedbcb; padding-bottom:0.3em; margin-bottom:1.0em;}
#contenidoInt h3, #contenidoInt_b h3 {font-size:1.5em; color:#191619; margin-bottom:0.6em;}
#contenidoInt h4, #contenidoInt_b h4 {font-size:1.3em; color:#B4A470; margin-bottom:0.6em;}

.ruta { text-align:left; font-size:1.1em; color:#62635f; padding-bottom:2.4em;display:none;}
	.ruta a {color:#24a7e1; text-decoration:none;}
	.ruta a:hover {color:#24a7e1; text-decoration:underline;}
	
#menuSeccion {font-size:1.3em;}
.menuSeccion_item, .menuSeccion_item:hover, .menuSeccion_itemSel, .menuSeccion_itemSel:hover {
	display:block;
	padding:0.3em 0.8em 0.3em 1.6em;
	color:#ac9e71;
	background:#f1f0e9 url(../imagenes/interfaz/bullet_menuSeccion.gif) no-repeat 0.8em 0.8em;
	border-top:1px solid #dedbcb;
	border-bottom:1px solid #fff;
}

.menuSeccion_item:hover, .menuSeccion_itemSel, .menuSeccion_itemSel:hover {
	color:#f1f0e9;
	background:#ac9e71 url(../imagenes/interfaz/bullet_menuSeccion.gif) no-repeat 0.8em -1.6em;
}

.item {padding:1.0em; background:#eeece3; margin-bottom:1.0em;}
.item p { font-size:1.4em; color:#191619; margin-bottom:0em;}

/*** Layout Asóciate (no estas solo) 
-------------------------------------------------------------- ***/
.box_servicio {/*display:none;*/ margin-bottom:2.0em;}

.box_condicion div.left {width:30%; padding-right:2%;}
.box_condicion div.right {width:65%;}
.box_condicion .franquicia {padding-bottom:0.8em; /*padding-left:3%;*/}
.box_condicion .franquicia p { font-size:1.1em; padding-left:0.6em;/*width:60%; padding-left:1.4em; font-size:1.3em;*/}
/*.box_condicion div.left {width:40%; padding-left:7%;}*/
.requisitos h4 {
	text-transform:uppercase;
	margin-bottom:0.3em;
	font-size:1.1em!Important;
	font-weight:bold;
	display:block;
	border-bottom:1px dashed #B4A470;
}


.fase {margin:1.0em;}
.fase h4 {color:#827B69!important; font-size:1.6em!Important; margin-bottom:1.0em;}
.fase h4 strong { font-size:1.7em; font-weight:normal; color:#4F411D;}

/*** Layout Franquicias 
-------------------------------------------------------------- ***/
.datos_franquicia div.left {width:66%;}

.q_franquicias div.redon {width:50%; margin:1.5% 1.5% 3% 1.5%;}
.q_franquicias div.redon.right {width:auto;}
.q_franquicias div.redon p {margin-bottom:0em!important;}

/*** Layout Marcas 
-------------------------------------------------------------- ***/
.introMarcas .box_img {height:7.0em; line-height:7.0em; border:0; background:none;}
.introMarcas .lnk_corp {padding-left:2.4em;}

.box_marca {}

/*** Layout Actualidad 
-------------------------------------------------------------- ***/
.box_noticia { margin-bottom:1.4em;}
.fecha {font-family:Georgia; color:#b4a470; padding-right:1.5%; text-align:right; font-size:1.6em;}
.noticia {border-bottom:1px solid #dedbcb; width:100%;}
.noticia h4 {color:#191619!important; font-weight:normal; font-size:1.4em!important;}
.noticia h4 a {color:#191619; font-weight:normal; font-size:1.4em; text-decoration:none;}
.noticia h4 a:hover {color:#24a7e1; text-decoration:underline;}
.noticia div.left {width:100%;}
.noticia p {margin-bottom:0.6em;}
.noticia img {margin:1.0em 0em 1.0em 1.0em;float:left;}

.paginacion span a {color:#24a7e1; text-decoration:none; font-size:1.2em; padding:0em 0.3em;}
.paginacion span a:hover {color:#24a7e1; text-decoration:underline; font-size:1.2em;}

.box_noticia_detalle {margin-bottom:1.4em;}
.box_noticia_detalle h4 {color:#191619; font-weight:normal; font-size:1.4em;}


 .noticia {margin-bottom:1.0em;}
.box_noticia_detalle span {padding-left:9.5em;}

.box_curriculum {/*width:30.0em;*/}
.box_curriculum img {padding-right:1.3em;}

.testimonio{color:#706047;font-style:italic;font-size:1.1em;margin:25px 0 0 0;}
.testimonio .nm{border-top:1px solid #706047;margin:10px 0 0 0;color:#333;font-style:normal;}


/* Caja ofertas de empleo*/

#col_right .fecha {font-family:Georgia; color:#b4a470; padding-right:1.5%; text-align:right; font-size:1.6em;}
#col_right .noticia.empleo {border-bottom:1px solid #dedbcb; width:75%;}
#col_right .noticia.empleo div {width:95%;}

/*** Layout Actualidad 
-------------------------------------------------------------- ***/
.item_menuPuntos img, .item_menuPuntosSel img {vertical-align:middle;} 
.item_menuPuntos {padding:0.3em 0.8em; color:#b7a672; font-size:1.3em; line-height:1.8em;}
.item_menuPuntosSel, .item_menuPuntos:hover, .item_menuPuntosSel:hover  {color:#b7a672; line-height:1.8em;	font-size:1.3em; color:#191619; padding-left:1.8em;}


/*** Layout campanas 
-------------------------------------------------------------- ***/
.box_campana {width:44%; margin-right:5%; margin-bottom:2.0em;}
.box_campana .clearfix {margin:3%; position:relative;}
.box_campana .clearfix div.left {width:56%; margin-left:3%;}
.box_campana .clearfix div.left .btn_descarga {position:absolute; bottom:0.5em; right:2%;}


.fotos_pr{text-align:center;}
.fotos_pr IMG{border:1px solid #bed236; padding:5px; margin:0 0 0 10px;}


a#span1 {
                display:inline;
                width:186px;
                height:22px /* aqui esta el truco */
                text-indent:-9999px;
                background:url(..//imagenes/interfaz/logo_pieDomotex.gif) top left no-repeat;
    }
    a#span1:hover {
                background-position:0 -25px;/* con esto cambiamos la porcion de imagen que se muestra */
    }