@charset "UTF-8";

#usuarios-ie {font-family: Verdana, Arial, sans-serif; background: #FFFFDE;color:#000; border-bottom: 2px solid #7F0C00;margin: 5px;padding: 5px;}
#usuarios-ie p {font-size: 1.3em; margin: 0; padding: 5px 0; line-height: 1.5em;}
#usuarios-ie a {text-decoration: underline; font-weight: bold; color: #D64411;}


@font-face {
  font-family: 'Myriad Pro';
  src: url(./myriad/MyriadPro-Regular.otf) format("opentype");
}


body{
font-family:"Myriad Pro";font-size:12px;
_font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
font-weight: 100;
color: b8b8b8;
background-color: black;
margin: 0px;
text-align: center;
}

a {
text-decoration: none;
color: #b8b8b8;
}
p{
margin: 0px;
padding: 0px;
	font-size: 14px;
	color: #83be33;
}

p2{
margin: 0px;
padding: 0px;
	font-size: 17px;
	color: #b8b8b8;
}

.boton{
height: 15px;
float: left;
padding: 3px 5px 0 5px;
text-decoration: none;
color: #cecece;
margin-right: 8px;
_height: 25px;
_padding: 6px 5px 0 5px;
}


a:hover .boton{
background-color: #333333;
color: #b8b8b8;
}

.botonwork{
height: 15px;
float: left;
padding: 3px 5px 0 5px;
text-decoration: none;
margin: 2px 0px 0px 10px;
background-color: #333333;
color: #b8b8b8;
_height: 20px;
}

a:hover .botonwork{
color: #cecece;
}

#todo{
margin: 0px auto 0px auto;
width: 760px;
height: 500px;
background-image: url(./img/fondo.jpg);
background-repeat: no-repeat;
}
#cabecera{
float: left;
width: 760px;
padding: 112px 0 0 60px;
margin: 0px;
}
#titulo{
float: left;
width: 230px;
padding: 30px 0px 0px 60px;
margin: 0px;
font-size: 30px;
font-weight: 100;
line-height: 26px;
	text-align: left;
	_width: 430px;
}


#intro{
float: left;
width: 650px;
padding: 30px 0px 0px 60px;
margin: 0px;
font-size: 11px;
font-weight: 100;
line-height: 16px;
text-align: left;
}



#works{
float: left;
width: 760px;
padding: 0px;
margin: 0px;
}
#tabs{
float: left;
width: 330px;
padding: 20px 0px 0px 430px;
margin: 0px;
background-image: url(./img/tabs.jpg);
background-repeat: no-repeat;
_padding: 12px 0px 0px 230px;
_margin: 0px 0px 0px 0px;
_width:800px;
}
.works{
float: left;
padding: 0px;
margin: 0px 0px 0px 55px;
_margin: 0px 0px 0px 28px;
}
.work{
float: left;
width: 220px;
padding: 0px;
margin: 20px 0px 0px 0px;
}

.fotito{
width: 40px;
height: 122px;
float: left;
border: 1px solid #83be33;

}
.titulowork{
float: left;
color: #83be33;
font-size: 16px;
padding: 0px;
margin: 2px 0px 0px 10px;
text-align: left;
_font-size: 14px;
}
.textowork{
float: left;
color: #fff;
font-size: 11px;
padding: 0px;
margin: 2px 0px 0px 10px;
width: 165px;
height: 75px;
	text-align: left;
}


.textowork2{
float: left;
color: #fff;
font-size: 11px;
padding: 0px;
margin: 2px 0px 0px 10px;
width: 165px;
height: 60px;
	text-align: left;
}


#idioma{
float: left;
margin-left: 310px;
height: 15px;
padding: 3px 5px 0 5px;
text-decoration: none;
color: #cecece;
margin-right: 4px;
_margin-left: 250px;
}
#idioma2{
float: left;

height: 15px;
padding: 3px 5px 0 5px;
text-decoration: none;
color: #cecece;
margin-right: 4px;
}

a:hover .idioma2{
background-color: #333333;
color: #b8b8b8;
}

#fotosworks{
float: left;

}

#fotoworks{
float: left;
padding: 0px;
margin: 20px 0px 0px 10px;
	border: 1px solid #83be33;
}

#fotoworks2{
float: left;
padding: 0px;
margin: 20px 0px 0px 50px;
	border: 1px solid #83be33;
}

#contact{
float: left;
width: 300px;
padding: 0px;
margin: 20px 0px 0px 50px;
	text-align: left;
}

#mapa{
float: left;
padding: 0px;
margin: 20px auto 0px 75px;
	border: 1px solid #83be33;
	text-align: center;
}

#services{
float: left;
width: 600px;
padding: 0px;
margin: 20px 0px 0px 50px;
	text-align: left;
	font-size: 11px;
}