/* IE 6 */

* html #footer{
position: relative;
background-color: #393c4a;
background-image: url(/images/footerbg.jpg);
background-repeat: repeat-x;
z-index: 86;


}

* html #footerback{

position: fixed;
background-image: url(/images/footerbg.jpg);
background-repeat: repeat-x;
background-color: #393c4a;
height:178px;
width:100%;
z-index: -86;
bottom: auto;
margin-bottom: -178px;
}


* html #menu li a.home{

position:relative;
height:35px;
width:65px;
float:right;
color:#000;
right:450px;
top:33px;
background: url(/images/header.jpg) 513px -325px;
}


* html #menu li a.home:hover{

position:relative;
height:35px;
width:65px;
float:right;
color:#000;
right:450px;
top:33px;
background: url(/images/header.jpg) 513px -325px;
}


* html #menu li a.portafolio{
position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:280px;
top:14px;
background: url(/images/header.jpg) 443px -33px;
}

* html #menu li a.portafolio:hover{

position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:280px;
top:14px;
background: url(/images/header.jpg) 443px -325px;
}

* html #menu li a.servicios{

position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:68px;
top:-5px;
background: url(/images/header.jpg) 332px -33px;
}

* html #menu li a.servicios:hover{

position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:68px;
top:-5px;
background: url(/images/header.jpg) 332px -325px;
}

* html #menu li a.contacto{
position:relative;
height:35px;
width:90px;
float:right;
color:#000;
right:-135px;
top:-24px;
background: url(/images/header.jpg) 221px -33px;
}

* html #menu li a.contacto:hover{
position:relative;
height:35px;
width:90px;
float:right;
color:#000;
right:-135px;
top:-24px;
background: url(/images/header.jpg) 221px -325px;
}


* html #menu li a.english{

position:relative;
height:35px;
width:80px;
float:right;
color:#000;
right:-310px;
top:-43px;
background: url(/images/header.jpg) 127px -33px;
}

* html #menu li a.english:hover{

position:relative;
height:35px;
width:80px;
float:right;
color:#000;
right:-310px;
top:-43px;
background: url(/images/header.jpg) 127px -325px;
}

* html #header h2 {
top: 0px;
left: 475px;
position: relative;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, Sans-Serif;
text-align: left; 
font-weight: 400;
font-size: 26px;
}


* html #header {
    position: relative;
    left: -10px;
}

* html #footerback2{
background-image: url(/images/footerbg.jpg);
background-repeat: repeat-x;
background-color: #393c4a;
height:178px;
width:100%;
position: absolute;
left:-200px;
z-index: -85;
}

* html #footer{
position: relative;
background-color: #393c4a;
background-image: url(/images/footerbg.jpg);
background-repeat: repeat-x;
z-index: 86;


}

* html #footerback{

position: fixed;
background-image: url(/images/footerbg.jpg);
background-repeat: repeat-x;
background-color: #393c4a;
height:178px;
width:100%;
z-index: -86;
bottom: auto;
margin-bottom: -178px;
}


*html #pie{

position:relative;
width:950px;
z-index:80;
height:178px;
margin:0 auto;
left:-30px;
}

*html #casita{
position:relative;
top:15px;
left:35px;
width: 330px;

}


*html #casita h3{
position:relative;
left:120px;
top:10px;
}

*html #casita p{
position:relative;
left:120px;
top:20px;
}

*html #horario{
position:relative;
left:320px;
top:-40px;
height:130px;
width: 300px;
}

*html #horario h3{
position:relative;
left:140px;
top:0px;
}

*html #horario p{
position:relative;
left:140px;
top:10px;

}

*html #ubicacion{


position:relative;
top:30px;
left:50px;
height:130px;
width: 335px;
}

*html #ubicacion #ie{
visibility: visible;
position:relative;
font-family: Helvetica, Arial;
color:#b3bac2;
font-size:8pt;
text-align:center;
height:21px;
width:125px;
top:5px;
left:190px;
padding-top:9px;
background-image: url(/images/button2.png);
text-decoration:none;
}

*html #ubicacion #ie:hover{
visibility: visible;
position:relative;
font-family: Helvetica, Arial;
color:#e1e1e1;
font-size:8pt;
text-align:center;
height:21px;
width:125px;
top:5px;
left:190px;
padding-top:9px;
background-image: url(/images/button2.png);
text-decoration:none;
}

*html #ubicacion h3{
position:relative;
left:195px;
top:0px;
}

*html #ubicacion p{
visibility: hidden;
position:relative;
font-family: Helvetica, Arial;
color:#fff;
font-size:8pt;
text-align:center;
height:21px;
width:125px;
top:45px;
left:200px;
padding-top:9px;
}

*html #ubicacion p a{ 
visibility: hidden;
position:relative;
font-family: Helvetica, Arial;
color:#b3bac2;
font-size:8pt;
text-align:center;
text-decoration:none;
padding-top:4px;
padding-left:-10px;
}

*html #ubicacion p a:hover{ 
visibility: hidden;
position:relative;
font-family: Helvetica, Helvetica-neue, Arial;
color:#e1e1e1;
font-size:8pt;
text-align:center;
text-decoration:none;
padding-top:4px;
padding-left:-10px;
}

*html hr{
color: #999;
}


*html .forward {
position: relative;
top: 200px;
left:-20px;
}
/* IE 6 */

h1{ 
display: none;
}


body{
background:#dce1e4;

}

/* container for slides */
.images {

	border-color: transparent;
	height:230px;
	width:940px;
	float:left;	
	margin:0 auto;
	cursor:pointer;	

	
}

/* single slide */

.images div {

	display:none;
	position:absolute;
	top:0px;
	left:0px;		
	
	
	height:256px;
	font-size:12px;
}

/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:330px;
position:relative;



}

/* single tab */
.tabs a {
	width:20px;
	height:20px;
	float:left;
	margin:3px;
	background:url(/images/scroll/bolita.jpg) 0px 0 no-repeat;
	display:block;
	font-size:1px;	
    margin-top:-20px;	

}

/* mouseover state */
.tabs a:hover {
	background-position:0 -0px;      
}


/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;  
   
} 	


/* prev and next buttons */
.forward {

	float:right;
	margin-top: 0px;
	background:#fff url(/images/scroll/flecha.jpg) no-repeat;
	display:block;
	width:23px;
	height:22px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	

}

.backward {

    float:left;
    visibility:hidden;
	margin-top:140px;
    margin-left:7px;
	background:#fff url(/images/scroll/flecha.jpg) no-repeat;
	display:block;
	width:23px;
	height:22px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}

/* next */
.forward 				{ background-position: 0px 0px; clear:right; }
.forward:hover 		{ background-position:0px 0px; }
.forward:active 	 	{ background-position:px -0px; } 



/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


#header{

position:relative;
height:292px;
width:1024px;
background: url(/images/header.jpg) no-repeat;
margin:0 auto;
left:2px;
}

#headerback{
position:absolute;
height:292px;
width:400px;
z-index:-4;
background: url(/images/headerback.jpg) repeat-x;

}

#scroll{

margin:0 auto;
position:relative;
width:940px;
height:400px;
padding:0;
margin:0 auto;
top:-100px;
left:6px;
}

*{
margin:0;
padding:0;
}


#menu li {
list-style:none;
}

#menu li a.home{

position:relative;
height:35px;
width:65px;
float:right;
color:#000;
right:450px;
top:33px;
background: url(/images/header.jpg) 513px -325px;
}

#menu li a.portafolio{
position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:275px;
top:33px;
background: url(/images/header.jpg) 443px -33px;
}

#menu li a.portafolio:hover{

position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:275px;
top:33px;
background: url(/images/header.jpg) 443px -325px;
}

#menu li a.servicios{

position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:68px;
top:33px;
background: url(/images/header.jpg) 332px -33px;
}

#menu li a.servicios:hover{

position:relative;
height:35px;
width:100px;
float:right;
color:#000;
right:68px;
top:33px;
background: url(/images/header.jpg) 332px -325px;
}

#menu li a.contacto{
position:relative;
height:35px;
width:90px;
float:right;
color:#000;
right:-135px;
top:33px;
background: url(/images/header.jpg) 221px -33px;
}

#menu li a.contacto:hover{
position:relative;
height:35px;
width:90px;
float:right;
color:#000;
right:-135px;
top:33px;
background: url(/images/header.jpg) 221px -325px;
}


#menu li a.english{

position:relative;
height:35px;
width:80px;
float:right;
color:#000;
right:-310px;
top:33px;
background: url(/images/header.jpg) 127px -33px;
}

#menu li a.english:hover{

position:relative;
height:35px;
width:80px;
float:right;
color:#000;
right:-310px;
top:33px;
background: url(/images/header.jpg) 127px -325px;
}

#footer{

position:relative;
margin:0 auto;
height:178px;
width:940px;
background: url(/images/footerbg.jpg) ;

}

#footerback{
position:absolute;
height:178px;
width:100%;
z-index:-5;
background: url(/images/footerbg.jpg) repeat-x;

}

#footerback2{
position:absolute;
height:178px;
width:100%;
z-index:-85;
background: url(/images/footerbg.jpg) repeat-x;

}

#header h2 {
text-shadow: 1px 1px #fff;
width: 560px;
float: right;
top: 100px;
left: 475px;
position: relative;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, Sans-Serif;
text-align: left; 
font-weight: 400;
font-size: 26px;

}

#content{
position:relative;
top:-50px;
left:6px;
height:292px;
width:940px;
margin:0 auto;
}

#frases{
position:relative;
height:280px;
width:680px;
float:left;
}

#leyenda{
right: -265px;
top:10px;
text-shadow: 1px 1px #fff;
font-family: Helvetica, Helvetica-neue, Arial;
position: absolute;
color:#444751;
font-size:9pt;
font-weight:lighter;
font-style:normal;
text-align:left;
height:260px;
width:220px;
float:right;
}


#metalizado{
position:relative;
background-position: left;
background-repeat: no-repeat;
background-image: url(/images/metalicon_small.jpg) ;
width:300px;
height:107px;
float:left;
}

#metalizado h3{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333333;
font-weight:bold;
font-size:10pt;
width:200px;
top:30px;
left:20px;
}

#metalizado p{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333333;
font-weight:lighter;
font-size:9pt;
width:200px;
top:30px;
left:20px;
}

#tecnologia{
position:relative;
float:left;
background-position: left;
background-repeat: no-repeat;
background-image: url(/images/tecnologiaicon_small.jpg);
width:340px;
height:107px;
left:40px;

}

#tecnologia h3{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333333;
font-weight:bold;
font-size:10pt;
width:200px;
top:30px;
left:-10px;
}


#tecnologia p{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333333;
font-weight:lighter;
font-size:9pt;
width:200px;
top:30px;
left:-10px;
}

#tintas{

position:relative;
float:left;
background-position: left;
background-repeat: no-repeat;
background-image: url(/images/tintasicon_small.jpg);
width:300px;
height:107px;

}

#tintas h3{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333333;
font-weight:bold;
font-size:10pt;
width:200px;
left:20px;
top:30px;
}


#tintas p{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333333;
font-weight:lighter;
font-size:9pt;
width:200px;
left:20px;
top:30px;
}

#diseno{
position:relative;
float:left;
background-position: left;
background-repeat: no-repeat;
background-image: url(/images/disenoicon_small.jpg);
width:340px;
height:107px;
left:40px;
}

#diseno h3{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333;
font-weight:bold;
font-size:10pt;
width:200px;
top:30px;
left:-10px;
}


#diseno p{
text-shadow: 1px 1px #fff;
position:relative;
float:right;
font-family: Helvetica, Helvetica-neue, Arial;
color:#333333;
font-weight:lighter;
font-size:9pt;
width:200px;
top:30px;
left:-10px;
}


#pie{

position:relative;
width:940px;
z-index:80;
height:178px;
margin:0 auto;

}

#casita{

position:relative;
width:290px;
float:left;
height:160px;
top:-18px;
margin-bottom:-100px;
background-attachment:relative;
background-position: 0px 40px;
background-repeat: no-repeat;
background-image: url(/images/casita_small.png);

}

#casita h3{
text-shadow: 1px 1px #111;
position:relative;
font-family: Helvetica, Helvetica-neue, Arial;
color:#b3bac2;
font-weight:lighter;
font-size:10pt;
text-align:left;
width:100px;
left:130px;
top:60px;
}

#casita p{
text-shadow: 1px 1px #111;
position:relative;
font-family: Helvetica, Helvetica-neue, Arial;
color:#b3bac2;
font-weight:lighter;
font-size:9pt;
text-align:left;
width:150px;
top:65px;

left:130px;
}

#horario{

position:relative;
height:160px;
width:313px;
top:-80px;
left:300px;
clear:both;
margin-bottom:-200px;
background-attachment:relative;
background-position: 10px 45px;
background-repeat: no-repeat;
background-image: url(/images/reloj_small.png);
}

#horario h3{
text-shadow: 1px 1px #111;
position:relative;
font-family: Helvetica, Helvetica-neue, Arial;
color:#b3bac2;
font-weight:lighter;
font-size:10pt;
text-align:left;
width:160px;
left:140px;
top:60px;
}

#horario p{
text-shadow: 1px 1px #111;
position:relative;
font-family: Helvetica, Helvetica-neue, Arial;
color:#b3bac2;
font-weight:lighter;
font-size:9pt;
text-align:left;
width:160px;
top:65px;
left:140px;
}

#ubicacion{

position:relative;
width:310px;
height:160px;
float:right;
top:-43px;
margin-bottom:-200px;
left:10px;
background-attachment:relative;
background-position: -8px 50px;
background-repeat: no-repeat;
background-image: url(/images/mapa_small.png);
}

#ubicacion #ie{

display:block;
width:125px;
height:20px;
position:relative;
top:70px;
left:175px;
z-index:20;
visibility:hidden;

}

#ubicacion h3{

text-shadow: 1px 1px #111;
position:relative;
font-family: Helvetica, Helvetica-neue, Arial;
color:#b3bac2;
font-weight:lighter;
font-size:10pt;
text-align:left;
width:160px;
left:169px;
top:60px;
}

#ubicacion p{
text-shadow: 1px 1px #111;
position:relative;
font-family: Helvetica, Arial;
color:#fff;
font-size:8pt;
text-align:center;
height:21px;
width:125px;
top:45px;
left:166px;
background-image: url(/images/button2.png);
padding-top:9px;

}

#ubicacion p a{ 
position:relative;
font-family: Helvetica, Arial;
color:#b3bac2;
font-size:8pt;
text-align:center;
text-decoration:none;
background-image: url(/images/button2.png)bottom;
padding-top:4px;
padding-left:-10px;

}

#ubicacion p a:hover{ 
position:relative;
font-family: Helvetica, Helvetica-neue, Arial;
color:#e1e1e1;
font-size:8pt;
text-align:center;
text-decoration:none;
background-image: url(/images/button2.png)bottom;
padding-top:4px;
padding-left:-10px;
}

hr{
position:relative;
margin:0 auto;
width:940px;
height:1px;
top:-10px;
color:#fff;
}