@import url(reset.css);
@import url(typography.css);

/* body
-------------------------------------------------------------- */
body {
background:#23427A;
}

/* wrapper
-------------------------------------------------------------- */

#wrapper {
width:912px;
margin:0 auto;
}

/* idiomas
-------------------------------------------------------------- */

#idiomas {
height:22px;
padding-top:5px;
}

#idiomas ul{
float:right;
margin-top:3px;
}

#idiomas ul li{
float:left;
margin-left:5px;
width:82px;
text-align:right;
height:22px;
}

#idiomas ul li a{
display:block;
font-size:12px;
}

.ban-eng{
background:url(../frontEnd/images/ban1.jpg) 5px 0px no-repeat;
list-style:none;
font-weight:bold;
}
.ban-ecu{
background:url(../frontEnd/images/ban2.jpg) 5px 0px no-repeat;
list-style:none;
font-weight:bold;
}


/* main-nav
-------------------------------------------------------------- */

#main-nav{
height:18px;
border:#7484A0 solid 1px;
margin:0;
padding:0!important;
}


#contacto{
font-family:Tahoma;
font-weight:bold; 
font-size:11px;
color:#FFFFFF;
position:absolute;
border:#000000 1px solid;
top:32px;
left:50%;
margin-left:395px!important;
border:none!important;
}
/* formato Borde Imagen
-------------------------------------------------------------- */
#bordeSup {
	background:url(../frontEnd/images/bordeSup.gif) top left repeat-x;
}
#esquina1{
	background:url(../frontEnd/images/esquina1.gif) top left repeat-x;
}
#esquina2{
	background:url(../frontEnd/images/esquina2.gif) top left repeat-x;
}
#bordeLeft {
	background:url(../frontEnd/images/bordeLeft.gif) top left repeat-y;
}
#bordeRight {
	background:url(../frontEnd/images/bordeRight.gif) top left repeat-y;
}
#bordeBottom {
	background:url(../frontEnd/images/bordeBottom.gif) top left repeat-x;
}
#formatoImagen{
	padding:4px;
}
#esquina3{
	background:url(../frontEnd/images/esquina3.gif) top left repeat-x;
}
#esquina4{
	background:url(../frontEnd/images/esquina4.gif) top left repeat-x;
}
/* Top1 y 2
-------------------------------------------------------------- */

#top1{
background-color:#FFFFFF;
height:118px;
overflow:hidden;
padding:4px 4px 0px 4px;
}
#top1 h1 a{
	height: 0px;
	width: 181px;
	padding-top: 118px;
	background: url(../frontEnd/images/logo.jpg) no-repeat;
	display: block;
	overflow: hidden;
	float: left;
}

#top2{
background-color:#FFFFFF;
overflow:hidden;
padding:4px;
}
#top3{
background-color:#23427A;
height:16px;
overflow:hidden;
}

/* contenido
-------------------------------------------------------------- */


#contenido{
height:220px;
border:#FFFFFF solid 4px;
border-top:none;
background:#FFFFFF;
}

#texto{
margin-top:8px;
width:676px;
float:left;
}

/* sidebar
-------------------------------------------------------------- */

#sidebar{
background:#DDDDDD;
float:left;
width:200px;
margin-left:28px;
border-top:#DDDDDD 2px solid;
height:218px;
}

#sidebar h4{
height:16px;
background:#23427A;
padding-top:3px;
padding-left:8px;
}

.novedadesList img{
margin-left:10px;
float:left;
border:#0D3759 1px solid;
}

.textoConFoto a{
width:95px;
float:left;
margin-left:10px;
margin-bottom:7px;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
.textoSinFoto a{
width:180px;
float:left;
margin-left:10px;
margin-bottom:7px;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
#int-textoConFoto a{
width:95px;
float:left;
margin-left:15px;
margin-bottom:7px;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
#int-textoSinFoto a{
width:180px;
float:left;
padding-left:17px;
margin-bottom:7px;
font-family:Tahoma;
font-size:11px;
color:#000000;
line-height:15px;
}
/* sectores
-------------------------------------------------------------- */

#sectores p{
background:#23427A;
height:18px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin-top:3px;
margin-left:5px;
}

/* botones
-------------------------------------------------------------- */

#botones{
height:112px;
background:#FFFFFF;
border:#FFFFFF 2px solid;
}

#botones ul{
width:910px;
margin:0;
padding:0;
}


#botones ul li{
float:left;
height:110px;
border:#DDDDDD solid 1px;
text-align:center;
list-style:none;
margin:0;
padding:0;
}

#botones img{
margin-top:7px;
margin-bottom:4px;
}

#botones h4 a{
color:#23427A;
}

#botones ul li p{
text-align:left;
padding:0px 6px;
margin-top:6px;
font-size:10px;
}

#botones h6{
float:right;
margin-top:10px;
margin-right:3px;
}

#botones h6 a{
color:#23427A;
font-weight:bold !important;
}



/* pie
-------------------------------------------------------------- */

#pie{
font-family:"small fonts";
}

#desa{
float:left;
}

#desa a p{
font-size:8px;
margin-top:4px;
color:#7789A3;
text-decoration:none;
}

#mushoqlogo a{
height:0;
overflow:hidden;
background:url(../frontEnd/images/mushoq.jpg) no-repeat;
display:block;
padding-top:11px;
float:left;
width:79px;
margin-top:3px;
margin-left:3px;
}

#astec p{
float:right;
font-size:8px;
margin-top:4px;
color:#7789A3;
}


/* paginterna
------------------------------------------------------------------------------------------------------------- */

#int-top1{
height:0px;
padding-top:118px;
overflow:hidden;
background: #FFFFFF url(../images/inttop1.html) 4px 0px no-repeat;
}

#int-top2{
height:0px;
padding-top:118px;
overflow:hidden;
background: #FFFFFF url(../images/inttop2.html)  4px 0px  no-repeat;
}

/* paginterna
------------------------------------------------------------------------------------------------------------- */



#int-contenido{
overflow:hidden;
border:#FFFFFF solid 4px;
border-top:none;
background:#FFFFFF;
width:904px;
}

#int-texto{
padding-top:5px;
padding-right:18px;
width:686px;
float:left;
background:#FFFFFF;

}
#int-texto p.titulo{
padding-left:16px;
text-transform:uppercase;
}
#int-texto hr{
border-width: 0px; 
background: #325DAD; 
color: #325DAD; 
height: 1px;
width:660px;
margin-bottom:5px;
}

#int-imagen{
margin-top:40px;
float:left;
margin-left:16px;

text-align:right;
}

#int-imagen h2{
margin-bottom:10px;

}


/* int-sidebar
-------------------------------------------------------------- */

#int-sidebar{
background:#DDDDDD;
float:left;
width:200px;
border-top:#DDDDDD 2px solid;
height:auto;
}

#int-sidebar h4{
height:16px;
background:#23427A;
padding-top:3px;
padding-left:10px;
}

.int-novedadesList img{
margin-left:10px;
float:left;
border:#0D3759 1px solid;
}
.int-novedadesList a h5{
text-transform:uppercase;
color:#0D3749;
}
.int-novedadesList h5 a{
text-transform:uppercase;
color:#0D3749;
}
.int-novedadesList div{
text-align:right;
}
.int-novedadesList div a{
color:#0D3749;
font-weight:bold;
padding-right:10px;
}
.novedadesList div{
text-align:right;
}
.novedadesList div a{
color:#0D3749;
font-weight:bold;
padding-right:10px;
}
.formatoImagen1{
margin:8px;
}