/*Citric Studio*/

body{
background-color:#FF7D00;
margin:0;
padding:0;
background-image:url(../images/fondo.gif);
font-family:"Lucida Sans", Georgia, "Lucida Sans Unicode", "Trebuchet MS", Verdana;
font-size:10pt;
}

script, embed, object, map{
padding:0;
margin:0;

}

 #preloadedImages {
       width: 0px;
       height: 0px;
       display: none;
	 
}

#wrapper{
width:950px;
margin:0 auto;
padding:0;
}

#linegreen{
clear:both;
/*background-image:url(../images/line.png);*/
background-repeat:no-repeat;
width:950px; 
height:8px;
margin:0 auto;
padding:0;
}

#modulos{
float:left; 
width:750px; 
height:auto
}


#promo1{
position:relative; 
width:242px; 
height:302px;
float:left;

}
#promo2{
position:absolute; 
margin:22px 25px 0  40px; 
left: -4px; top: 0px;
}
#promo3{
	position:absolute;
	margin:16px 25px 0 40px;
	height:60px;
	left: -2px;
	top: 33px;
	width:177px;
}
#promo4{
position:absolute; 
margin:0px 48px 0 150px; 
top: 104px; 
left: 15px;
}
#promodesde{
	position:absolute;
	margin:0px 48px 0 150px;
	top: 91px;
	left: 8px;
}
#promo5{
position:absolute; 
height:165px;  
left: 28px; 
top: 118px; 
width: 200px; 
height: 184px;
}
#SampleTitulo{
font-size:15px;
color:#FFFFFF;
font-weight:bolder;
}
#SampleDescripcion{
color:#000000;
font: 8pt Helvetica, Verdana, Arial, sans-serif;
}
#SampleEntero{
color:#FFFFFF;
font-weight:bold;
font-size:20px;
}
#SampleDecimal{
color:#FFFFFF;
font-weight:bold;
font-size:11px;
}

#content{
float:left; 
width:200px; 
height:auto
}

#content p{
line-height:16px;
color:#FFFFFF;
}

#headerHome{
width:auto;
height:319px;
background-image:url(../images/fondoHeaderHome.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;

}
#headerInside{
width:auto;
height:237px;
background-image:url(../images/fondoHeaderInside.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;

}









#menuPrincipal{
padding:7px 0 0 0;
margin:0 0 0 0;
width:auto;
height:46px;
float:left;
}


#menuPrincipal ul{
list-style:none;
list-style-image:none;
padding:0;
margin:0;
}

#menuPrincipal ul li{
float:left;
width:auto;
height:auto;
margin:auto 0;
}

#menuPrincipal ul li a{
float:left;
color:#FFFFFF;
width:103px;
height:43px;
margin:auto 0;
font-weight:bold;
text-decoration:none;
padding:0px 15px 0 15px;
background-image:url(../images/menuFondo2.png);
background-position:bottom;
text-align:center;
}

html>body #menuPrincipal ul li a{
float:left;
color:#FFFFFF;
width:103px;
height:43px;
margin:auto 0;
font-weight:bold;
text-decoration:none;
padding:0px 15px 0 15px;
background-image:url(../images/menuFondo2.png);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
}

#menuPrincipal ul li a:hover{
float:left;
color:#FFCC00;
width:103px;
height:43px;
margin:0 0 0 0;
font-weight:bold;
text-decoration:none;
padding:3px 15px 0 15px;
background-image:url(../images/menuFondo2.png);
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
}

#logoHome{
float:right;
width:258px;
height:auto;

}
#logoInside{
float:right;
width:258px;
height:auto;

}

#homePic{
width:664px;
height:252px;
float:left;
margin:10px 0 0 0;
padding:0;

}
#homePicInside{
width:664px;
height:161px;
float:left;
margin:10px 0 0 0;
padding:0;

}

#contentHome{
width:100%;
height:auto;
background-image:url(../images/fondoContentHome.jpg);
background-repeat:repeat-x;
float:left;
}

#contentInside{
width:100%;
height:auto;
float:left;
background:transparent url(../images/fondoContentInside.png);
background-repeat:repeat-x;
margin:0;
padding:0;

}





#contentInside p{
line-height:20px;

}

#contentInsideFondo{
width:880px;
height:auto;
background-image:url(../images/fondoContentInsideIn.png);
background-repeat:repeat-y;
margin:0 auto;
padding:10px;
float:left;
	
}

/*maldito ie6*/
html>body #contentInsideFondo{
width:930px;
height:auto;
background-image:url(../images/fondoContentInsideIn.png);
background-repeat:repeat-y;
margin:0 auto;
padding:10px;
float:left;
	

}

#izquierda{
float:left;
height:auto;
margin:0 30px 0 0;
width:650px;
}
#izquierda p{

margin:0 0 0 10px;
}
#derecha{
float:left;
height:auto;
width:210px;
}

#contentFooter{
width:944px;
height:54px;
background-image:url(../images/contentFooter.png);
background-repeat:no-repeat;
margin:0 auto 10px auto;
padding:0;
clear:both;
}

html>body #contentFooter{
width:950px;
height:54px;
background-image:url(../images/contentFooter.png);
background-repeat:no-repeat;
margin:0 auto 10px auto;
padding:0;
clear:both;
}


#footer{
font-size:8pt;
text-align:right;
font-weight:bold;
width:950px;
margin:0 auto;
padding:0;
height:71px;
background-image:url(../images/footerFondo.png);
background-repeat:no-repeat;
clear:both;
}

#footerIn{
padding:30px 58px 0 20px;

}
#footerIn ul{
list-style:none;
list-style-image:none;
padding:0;
margin:0;
}

#footerIn ul li{
float:left;
width:auto;
height:auto;
margin:0;
padding:0;
}

#footerIn ul li a{
float:left;
color:#4D95CE;
width:auto;
font-size:8pt;
margin:0;
border-right:#4D95CE 1px solid;
font-weight:bold;
text-decoration:none;
padding:0 5px 0 5px;
}

#footerIn ul li a:hover{
float:left;
color:#000000;
width:auto;
font-size:8pt;
margin:0;
border-right:#4D95CE 1px solid;
font-weight:bold;
text-decoration:none;
padding:0 5px 0 5px;
}



/*  AQUI VAN LOS HEADERS */
h1{
font-size:12pt;
font-weight:bold;
color:#CC6600;
margin:0 0 15px 10px;
padding:0;
}
h2{
margin:0 0 15px 10px;
padding:0;
font-size:18pt;
font-family:"Lucida Sans", Georgia, "Lucida Sans Unicode", "Trebuchet MS", Verdana;
color:#ED1C24;
border-bottom:#000000 1px dotted;
}
p{
margin:0 0 15px 10px;
padding:0 0 10px 0;
}


/* catalogo */

#cata1{
float:left;
position:relative; 
width:184px; 
height:179px; 
margin-left:10px;
}
#cata2{
	position:absolute;
	height:165px;
	left: 16px;
	top: 40px;
	width: 154px;
	height: 118px;
	z-index:2;
}

#cata3{
position:absolute; 
width:184px; 
height:179px; 
z-index:1000;
}

#cata4{
position:absolute; 
margin:12px 10px 0 28px; 
left: -4px; 
top:0px;
z-index:1001;
}

#cata5{
	position:absolute;
	margin:146px 10px 0 77px;
	width:114px;
	height:20px;
	left: -13px;
	top:2px;
	z-index:1002;
}
#cata5 a{
padding: 0 40px 0 40px;
text-decoration:none;
width:90px;
height:20px;
}

#catadesde{
	position:absolute;
	margin:0px 48px 0 150px;
	top: 9px;
	left: -30px;
	width: 54px;
	height: 26px;
	z-index:1003;
}
/* catalogo */

#deta1{
float:left;
position:relative; 
width:184px; 
height:179px; 
margin-left:10px;
}
#deta2{
	position:absolute;
	height:165px;
	left: 16px;
	top: 17px;
	width: 175px;
	height: 154px;
	z-index:2;
}

#deta3{
position:absolute; 
width:184px; 
height:179px; 
z-index:1000;
}

#deta4{
position:absolute; 
margin:12px 10px 0 28px; 
left: -4px; 
top:0px;
z-index:1001;
}

#deta5{
	position:absolute;
	margin:0px 48px 0 150px;
	top: 170px;
	left: -26px;
	z-index:1;
	width: 64px;
	height: 21px;
}
#deta6{
	position:absolute;
	margin:0px 48px 0 150px;
	top: 150px;
	left: -123px;
	z-index:1003;
}


#local{
position:relative; 
width:217px; 
height:244px; 
margin-left:10px;
}

#ampliar{/* locales */
	position:absolute;
	margin:0px 48px 0 150px;
	top: 202px;
	left: -21px;
	z-index:1;
}

#ampliar2{/* detalles */
	position:absolute;
	margin:0px 48px 0 150px;
	top: 170px;
	left: -26px;
	z-index:1004;
}
#ampliar3{/* catalogo */
	position:absolute;
	margin:0px 48px 0 150px;
	top: 146px;
	left: -80px;
	z-index:1004;
}
#deta5 a{
padding: 0 40px 0 40px;
text-decoration:none;
width:90px;
height:20px;
}
#TituloCata{
font-size:11px;
color:#FFFFFF;
font-weight:bolder;
}

#fila{

width:650px;
}

#detalles{
background-image:url(../../images/detalles.png);
background-repeat:no-repeat;
width:615px; 
height:42px;
padding:12px 0 0 6px;
}

#SampleEnterodeta{
color:#FFFFFF;
font-weight:bold;
font-size:18px;
letter-spacing:-1px;

}
#SampleDecimaldeta{
color:#FFFFFF;
font-weight:bold;
font-size:9px;
}



#izquierda ul{
padding:0;
margin:0 0 0 15px;

}
#izquierda ul li
{

margin:10px 0  0 0;
list-style:none;
list-style-image:url(../images/flecha.png);
list-style-position:inside;
}
#izquierda ul li ul li
{

margin:0 0  0 0;
list-style:none;
list-style-image:url(../images/flecha.png);
list-style-position:inside;
}
#izquierda ul li a{
padding:5px 5px 5px 0;
color:#660000;
font-weight:bold;
background-position:left;
background-repeat:no-repeat;
}
#izquierda ul li a:hover{
padding:5px 5px 5px 0;
color:#0066CC;
font-weight:bold;
background-position:left;
background-repeat:no-repeat;
}
#izquierda ul li ul li a{
padding:0 5px 5px 0;
color:#660000;
font-weight:normal;
background-position:left;
background-repeat:no-repeat;
}
#izquierda ul li ul li a:hover{
padding:0 5px 5px 0;
color:#0066CC;
font-weight:normal;
background-position:left;
background-repeat:no-repeat;
}

a{
color:#0066FF;
text-decoration:none;
}
a:hover{
color:#FFFFFF;
text-decoration:none;
}


#derecha ul{
margin:10px 5px;
padding:0;
}

#derecha ul li {
margin:0;
display:inline;
}

#derecha  ul li a{
display:block;
padding:5px 0 5px 15px;

color:#660000;
font-size:10pt;
font-weight:bold;
text-decoration:none;

border-bottom:#ED1C24  1px dotted;
background-image:url(../images/flecha.png);
background-position:left;
background-repeat:no-repeat;
}

#derecha ul li a:hover{
background-image:url(../images/fondoSubmenuOver.gif);

padding:5px 0 5px 15px;
margin:0 0 0 0;
text-decoration:none;
color:#FFFFFF;
}