@import "reset.css";

body				{ font-family:Arial, Helvetica, sans-serif; background:#FF4E43 url(../img/bg.png) fixed repeat-x -1250px 0;}
h1					{ width:135px; height:62px; display:block; background: url(../img/logo.jpg) no-repeat; text-indent:-9999px; margin:0 0 10px 0;}
h2					{ font-size:30px; color:#333; margin-top:26px; font-family: helvetica;}
h3					{ font-size:80px; color:#333; margin-top:15px; font-family: helvetica;}
p					{ color:#333; font-size:11px; margin:10px 0; text-align:justify;}

#nav				{ width:100%; height:100%; position:fixed; top:0; left:733px; padding:56px 0 0 38px;}


#trabajos									{ line-height:16px;}
#trabajos a									{ font-size:10px; color:#333; padding:2px;}
.visitar									{ font-style:italic; color:#03ACBD; font-size:10px; padding:2px;}
#trabajos a:hover, .visitar:hover, .actual	{ color:#333!important; background:#03ACBD;}		

.contacto			{ color:#333; font-size:12px; margin:3px 0;}


#menu				{ width:155px; height:25px; margin:10px 0 10px 0;}
#menu	li			{ width:50px; height:25px; float:left; margin-right:1px;}
#menu	a			{ display:block; width:50px; height:25px; float:left; line-height:30px; font-size:10px; color:#03ACBD; font-weight:bold; text-align:center; background:#333;}
#menu	a:hover		{ background:#03ACBD; color:#000;}

#contenidos			{ width:633px; padding:55px 0 0 70px;}
.destacado			{ padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #CCCCCC; background:#FF4E43 url(../img/ajax-loader.gif) 50% 50% no-repeat;}


#mascara			{ position:absolute; left:0; top:0; width:637px; height:365px; overflow:hidden; }
								  
#carrusel			{ width:1911px; height:361px;}
.destacado			{ float:left; }
.destacado a		{ width:637px; height:361px; display:block; float:left;}


#miniaturas			{ margin-top:385px; border-top:1px solid #333; padding-top:40px;}
.trabajo			{ width:198px; height:147px; float:left; margin:0 18px 28px 0; border-bottom:1px solid #333; overflow:hidden; }
.trabajo a			{ width:198px; height:147px; float:left; display:block;}
.txtTrabajo			{  font-size:10px; color:#333; margin:10px 0 0 6px; position:relative; z-index:2;}
.ultimo				{ margin-right:0!important;}
.fondo				{ height:26px; width:198px; position:absolute; left:0; top:147px; z-index:1; background:#282828;}


#contenedorDetalles	{ margin:40px 0;}
.detalle			{ width:637px; margin-top:20px; background:#FF4E43 url(../img/ajax-loader.gif) 50% 50% no-repeat;}

.cargadas			{ display:none;}