body {
	background-image: url(imgs/bg.gif);
	background-color: #000000;
	background-repeat: repeat-x;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	
}

/*************************************************************************************************************/
/*  Estructura Principal del sitio */
/*************************************************************************************************************/

#content {
    text-align:left;
    margin:auto;
    background-color:#000000;
    width:940px;
    
   } 
   
#cabecera {
    width: 800px;
    height:137px;
    background-color:#000000;
   }

#menuppal {
	width:940px;
	height:30px;
	float:left;
	background-color:#000000;
	background-image: url(imgs/bg_menu.gif);
	background-repeat: repeat-x;
	text-align:right;
   }
 
#contenido {
    width:940px;    
	padding-top:25px;
	padding-bottom:15px;
    float:left;
	background-color:#000000;
	background-image: url(imgs/bg_cont.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #1b1b1b;
	border-right: 1px solid #1b1b1b;
   }
   
#pie {
	clear:both;
	width:935px;
	height:85px;
	padding:5px 0 0 5px;
	background-color:#000000;
	background-image: url(imgs/bg_pie.jpg);
	background-repeat: no-repeat;
	border-left: 1px solid #1b1b1b;
	border-right: 1px solid #1b1b1b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a6a6a6;
   }
   
.pieoscurito {
   color:#4e4e4e;
   } 
   
   
/*************************************************************************************************************/
/*  Secciónes */
/*************************************************************************************************************/

#index-left {
    width:460px;
    height:700px;
    float:left;	
   }
   
#index-left-texto {
	width:460px;
	padding: 15px 15px 20px 25px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
   }
   
#index-left-titulomasrecientes {
	width:405px;
	padding: 10px 15px 0px 25px;
    /*height:150px;*/
    float:left;
	text-align:left;	
   }
   
#index-left-masrecientes {
	width:440px;
	padding: 15px 10px 10px 30px;
    /*height:150px;*/
    float:left;
	text-align:left;	
   }

#index-right {
    width:414px;
    height:700px;
    float:right;
	text-align:right;
	border-left:#777777 1px dotted;
	border-top:#444444 1px dotted;
   }

#index-right-imagen {
    width:374px;
	padding: 15px 25px 15px 15px;
    /*height:150px;*/
    float:left;
	text-align:left;
	border-bottom:#444444 1px dotted;
   }
   
#index-right-titulonovedades {
    width:399px;
	padding: 10px 0px 0px 0px;
	margin-left:15px;
    /*height:150px;*/
    float:left;
	text-align:left;	
   }
   
#index-right-novedades {
    width:374px;
	padding: 15px 25px 15px 0px;
	margin-left:15px;
    /*height:150px;*/
    float:left;
	text-align:left;
	border-bottom:#444444 1px dotted;
   }
   
#index-right-btnmasnovedades {
    width:104px;
	padding: 10px 25px 10px 285px;
    /*height:150px;*/
    float:left;
	text-align:left;
   }
   
#trabajo {
    width:104px;
	padding: 10px 25px 10px 35px;
    /*height:150px;*/
    float:left;
	text-align:center;
   }
   
.btn-masnovedades {
	font-family: Arial, Helvetica, sans-serif;
	font-style:;
	font-size:11px;
	font-stretch:condensed;
	text-align:right;
	text-decoration:none;
	color:#006fae;
   }
   
.btn-masnovedades:hover {
   color:#FFFFFF;
   }
   
   
.btn-iralsitio {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	font-stretch:condensed;
	text-align:left;
	text-decoration:none;
	color:#006fae;
   }
   
.btn-iralsitio:hover {
   color:#FFFFFF;
   }
   
   
   
#index-trabajos {
	width:400px;
	height:100px;
	float:left;
	text-align:left;
	margin-left:15px;
	border:#444444 1px dotted;
	padding-top:10px;
	margin-bottom:10px;
	background-color: #000000;
	background-image: url(imgs/bg-trabajos.jpg);
	background-repeat: no-repeat;	
   }   
   
#foto {
    width:140px;
	height:110px;
	float:left;
	text-align:center;
	margin-left:5px;
	display:inline
	
   }
   
#descripcion {
    width:200px;
	height:110px;
	float:left;
	text-align:left;
	margin-left:5px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	
   }
   
#main-nosotros {
	width:550px;
	height:600px;
	padding: 15px 15px 20px 25px;
	margin-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background-color: #000000;
	background-image: url(imgs/bg_porfolio.gif);
	background-repeat: repeat-x;
	border: 1px solid #0b1112;
	
   }
   
#btn-porfolio{
	width:150px;
	height:90px;
	float:left;
	text-align:center;
	margin-left:20px;
	margin-bottom:15px;
}


a.rolloverbtn { 
   display: block; 
   width: 140px; 
   height: 80px; 
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding:5px;
		border: 1px solid #344e56;
	background-color:#172226;
} 
a.rolloverbtn:hover { 
   /*background-position: 0px -35px; */
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f68526;
	text-decoration: none;	
	border: 1px solid #344e56;
	background-color:#000000;
	
} 

a.rolloverbtn-index { 
   display: block; 
   width: 120px; 
   height: 80px; 
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding:5px;
	border: 1px solid #344e56;
	background-color:#172226;
} 
a.rolloverbtn-index:hover { 
   /*background-position: 0px -35px; */
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f68526;
	text-decoration: none;	
	border: 1px solid #344e56;
	background-image:url(imgs/btn-p-over.gif);
	
} 
   
#clientes {
    width:260px;
    height:600px;
	padding-top:20px;
	padding-bottom:15px;	
    float:left;
	margin-left:10px;
	padding-left:10px;	
	text-align:left;
	border-left:#777777 1px dotted;
	border-top:#444444 1px dotted;
	border-right:#777777 1px dotted;
	border-bottom:#444444 1px dotted;
	background-image: url(imgs/bg_porfolio.gif);
	background-repeat: repeat-x;
   }
   
#main-porfolio {
	width:850px;
	padding: 10px 10px 15px 15px;
	margin-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background-color: #000000;
	background-image: url(imgs/bg_porfolio.gif);
	background-repeat: repeat-x;
	border: 1px solid #0b1112;
	
   }
   
   
#subir {
    float:left;
	padding-left:750px;	
   }   

   
/*************************************************************************************************************/
/*  Menu Horizontal */
/*************************************************************************************************************/

#menuh {
	margin-top: 1px;
	font-weight:bold;
	float:right;
	/*background-image: url(imgs/bg_menu_items.gif);*/
	width:500px;
	background-repeat: no-repeat;
	background-position: right;
	font-family: "Trebuchet Ms", Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #FFF;	
}



/*a.rolloverbtn { 
   display: block; 
   width: 107px; 
   height: 15px; 
   text-decoration: none;
   /*background-image:url(imgs/btn.jpg);
   font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;	
	color: #175d73;
	text-decoration: none;	  
} 

a.rolloverbtn:hover { 
   /*background-position: 0px -35px; 
   height: 15px; 
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f68526;
	text-decoration: none;	
} */

/*#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
	width:107px;
	margin-right:15px;
	
}

#menuh a {

	text-decoration: none;
	color: #ffffff;	
	display: block;
	padding: 3px 10px;
	text-align: center;
	
	
}

#menuh a#primero {
	border-left: 0px solid #ACCFE8;
	padding: 3px 10px;
}

#menuh a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	padding: 3px 10px;
	color: #175d73;
	
}*/

/**************************************/
/* SEXY DROP MENU*/
/**************************************/

ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 548px;
	background: #222;
	background: url(topnav_bg.gif) repeat-x;
	font-family: "Trebuchet Ms", Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #175d73;	
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 70px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 6px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(imgs/topnav_hover.gif) no-repeat center top;
	color: #fff;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(imgs/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 27px;
	background: #000;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 145px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #000;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #1f1e1e; /*--Create bevel effect--*/
	border-bottom: 1px solid #000; /*--Create bevel effect--*/
	clear: both;
	width: 145px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 120px;
	background: #0d0d0d url(imgs/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	text-align: left;
	font-size: 12px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #000 url(imgs/dropdown_linkbg.gif) no-repeat 10px center; 
}


/*************************************************************************************************************/
/*  Clases generales */
/*************************************************************************************************************/

#spacer {
	width:100%;
}

.imagen-filete {
	border:#FFFFFF 3px solid;
}

.titulos-celeste {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	color:#006fae;
}

.titulos-fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-style:;
	font-size:10px;
	font-stretch:condensed;
	color:#FFF;
}

.cuerpo-novedades {
	font-family: Arial, Helvetica, sans-serif;
	font-style:;
	font-size:11px;
	font-stretch:condensed;
	color:#FFF;
}

a.foot-links:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a6a6a6;
	text-decoration: underline;	
	font-weight:normal;

}



a.foot-links:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a6a6a6;
	text-decoration: underline;	
	font-weight:normal;

}





a.foot-links:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a6a6a6;
	text-decoration: underline;	
	font-weight:normal;

}



a.foot-links:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#436672;
	text-decoration: underline;	
	font-weight:normal;

}




/*************************************************************************************************************/
/*  Forms */
/*************************************************************************************************************/


label
{
	width: 130px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight: normal;
}

.submit input
{
margin-left: 5px;
}

textarea
{
width:250px;
color: #333333;
background: #f1f1f1;
border: 1px solid #b1b1b1;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

textarea:focus {
width:250px;
background-color: #415160;
border: 1px solid #419f12;
cursor:crosshair;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

input{
width:250px;
color: #333333;
background: #f1f1f1;
border: 1px solid #b1b1b1;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

input:focus {
width:250px;
background-color: #415160;
border: 1px solid #419f12;
cursor:crosshair;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.submit input
{
color: #ffffff;
background: #22343a;
border: 0px solid #7a7a7a;

}
fieldset
{
	width: 520px;
	background-image: url(imgs/bg_form.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #727272;
	border-right-color: #727272;
	border-bottom-color: #727272;
	border-left-color: #727272;
}

legend
{

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	background-color:#000000;

}

 #col1-contacto {
	width:530px;
	height:390px;	
	margin-top:5px;
	float:left;
	text-align:left;
	padding-left:25px;
	padding-top:10px;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;

   }
   
     
       #col2-contacto {
	width:290px;
	height:360px;
	vertical-align:bottom;
	margin-top:5px;
	float:left;
	text-align:left;
	padding-left:25px;
	padding-top:40px;
	
	

   }
   
   div#photos                {overflow:auto;}
  div.photo                 {float:left; display:inline; margin:0 20px 20px 0;}
  div.photo a img           {border:1px solid; padding:1px;}
  p#turtles_caption         {margin:5px 0 0;}
  
  div#text a                {font-weight:bold;}
  
  div#zoom h2               {margin:10px 0 10px;}
  div#zoom p                {line-height:1.6;}