/* CSS Proyecto */
@import url("general.css");
@import url("formularios.css");
@import url("navegacion.css");
@import url("maquetacion.css");
@import url("colores-fondo.css");


/* #### Tipografia general #### */
body, td, textarea{
	font-family:"Trebuchet MS", Verdana, sans;
	font-size:12px;
}
#centro h1{
	font-size:1em;
	font-weight:normal;
	border-bottom:1px solid #CCC;
}
#centro h1 em{
	font-size:1.4em;
	font-style:normal;
}
#centro h2{
	font-size:1.1em;
	color:#999;
	margin-top:10px;
	margin-bottom:5px;
}

#centro h3{
	font-size:1.1em;
	color:#999;
	font-weight:bold;
}

/* #### Clases del sitio #### */
.subdivision{
	float:left;
	width:325px;
}
.vent_round .top{
	background-image:url("../images/top_right.gif");
	background-position:top right;
	background-repeat:no-repeat;
	height:9px;
	overflow:hidden;
}
.vent_round .bottom{
	background-image:url("../images/bottom_right.gif");
	background-position:bottom right;
	background-repeat:no-repeat;
	height:9px;
}
.nota{
	background-color:#FFFFE6;
	margin:-0px 10px;
	border:1px dashed #CCC;
	padding:10px;
}

/* #### Cabezal #### */
#cabezal h1{
	margin:10px 0 0 5px;
}

/* #### Lateral #### */
#lateral h1{
	font-size:1em;
	margin:10px 0px 0px 30px;
	position:relative;
}

#lateral h1 img{
	position:absolute;
	left:-30px;
	top:10px;
}

#lateral_bottom p{
	margin:0px;
	padding:0px;
	margin-left:30px;
}

#lateral .vent_round{
	margin-bottom:10px;
}
#lateral .vent_round .center{
	padding:10px;
	padding-top:0px;
}
#lateral .lateral_top .center{
	padding:0px 10px;
}
#lateral .lateral_top .center p{
	padding:0px;
	margin:0px;
	text-align:left;
	padding-left:30px;
}
#lateral #banner06{
	margin-top:30px;
	text-align:center;
}

/* #### Pie #### */
#pie{
	position:relative;
}
#pie a{
	text-decoration:none;
}
#pie img{
	margin-right:20px;
	margin-bottom:10px;
}
#pie #validacion{
	position:absolute;
	left:10px;
}
#pie #bylogo{
	position:absolute;
	left:925px;
}
#pie #enlaces{
	text-align:center;
}

/* #### Contacto #### */
#centro .contacto{
	float:left;
	width:350px;
}

#centro .telefonos ul{
	list-style:none;
	margin-top:-10px;
}
#centro .telefonos ul li{
	float:left;
	margin-right:20px;
}
#centro .telefonos ul li h3, #centro .telefonos ul li h4{
	margin-bottom:10px;
}
#centro .telefonos ul li h4{
	padding-top:3px;
	padding-bottom:2px;
}

#centro form{
	font-size:1em;
}

#centro form .checkbox{
	float:left;
	margin-left:90px;
	width:255px;
}

#centro form label{
	display:block;
}

#centro form fieldset{
	border:none;
}

#centro form textarea{
	height:100px;
	width:300px;
}

#centro #trabaja_form textarea{
	width:235px;
}

#centro form input{
	width:300px;
	font-size:0.8em;
}

#centro #trabaja_form input{
	width:235px;
}

#centro form .checkbox input{
	width:25px !important;
}

#centro form input.boton{
	width:60px !important;
	margin-top:10px;
}

#centro #trabaja_form input.boton{
	margin:0px;
}

/* #### Equipo #### */
#centro ul.equipo{
	list-style:none;
	margin:0px;
}
#centro ul.equipo li{
	float:left;
	width:320px;
	margin-right:5px;
	margin-bottom:10px;
}
#centro ul.equipo li img{
	float:left;
	margin-right:5px;
}
#centro ul.equipo li span{
	display:block;
	margin-top:10px;
	margin-bottom:-20px;
	font-weight:bold;
}

/* #### Inicio #### */
/*productos destacados*/
.productos_destacados ul{
	list-style:none;
	margin:0px;
}
.productos_destacados ul li{
	margin-bottom:5px;
}
.productos_destacados ul li a{
	display:block;
	border-bottom:1px dashed #CCCCCC;
	color:#333;
	padding:5px;
	text-decoration:none;
}
.productos_destacados ul li a em{
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
}
.productos_destacados ul li a:hover{
	background-color:#EEE;
}
/*otros productos*/
.otros_productos{
	width:290px;
	margin-left:20px;
	margin-top:10px;
	background-color:#DCDCDC;
}
.otros_productos ul{
	background-color:#DCDCDC;
	list-style:none;
	margin:0px;
}
.otros_productos ul li{
	text-align:center;
	padding-bottom:4px;
	padding-top:5px;
}
.otros_productos ul li a{
	text-decoration:none;
	color:#666666;
}
.otros_productos ul li a:hover{
	text-decoration:underline;
}
/*fotografia*/
.fotografia{
	padding-top:0px;
	width:325px;
	margin:0px;
}
.fotografia .center{
	padding-left:5px;
	padding-right:5px;
}
.fotografia .center img{
	float:left;
	border:4px solid #CCC;
}
.fotografia ul{
	margin:0px;
	margin-top:110px;
	list-style:none;
}
.fotografia ul li{
	line-height:1em;
	margin-left:5px;
	margin-bottom:10px;
}
.fotografia ul li a{
	text-decoration:none;
}
.fotografia ul li a:hover{
	text-decoration:underline;
}
/*trabajos destacados*/
.trabajos_destacados{
	width:300px;
	margin-top:10px;
	margin-left:23px;
}
.trabajos_destacados h1{
	text-align:right;
}
.trabajos_destacados ul{
	list-style:none;
	margin:0px;
}
.trabajos_destacados ul li{
	margin-bottom:10px;
	padding-left:80px;
}
.trabajos_destacados ul li img{
	position:absolute;
	margin-left:-85px;
	border:2px solid #CCCCCC;
}
.trabajos_destacados ul li a{
	display:block;
	text-decoration:none;
}
.trabajos_destacados ul li a span{
	font-weight:bold;
}
.trabajos_destacados ul li a:hover{
	background-color:#F8F8F8;
}

/* #### Mapa de sitio #### */
.mapa{
	text-align:center;
	margin-top:50px;
	margin-bottom:100px;
}

/* #### Portfolio #### */
.portfolio{
	background-color:#DCDCDC;
	font-size:0.8em;
	margin:0px;
	padding:0px;
	margin-top:15px;
}
.portfolio .center{
	padding:10px;
}
.portfolio ul{
	margin:0px;
	list-style:none;
}
.portfolio ul li{
	float:left;
	width:230px;
	margin:4px;
	padding-left:75px;
}
.portfolio a img{
	position:absolute;
	margin-left:-75px;
	border:2px solid #CCC;
}
.portfolio a{
	display:block;
	cursor:pointer;
	color:#666;
	text-decoration:none;
	border:1px solid #DCDCDC;
	height:70px;
}
.portfolio a:hover{
	border:1px dashed #CCCCCC;
	background-color:#E3E3E3;
}
.portfolio a span{
	font-weight:bold;
}
.portfolio .paginado{
	position:absolute;
	margin-left:550px;
	margin-top:-29px;
}
.portfolio .paginado a{
	width:10px;
	padding:3px;
	float:left;
	border:1px solid #CCC;
	background-color:#EEE;
	text-align:center;
	height:15px;
}
.portfolio .paginado a.activo, .portfolio .paginado a.activo:hover{
	font-weight:bold;
	background-color:#FFFFFF;
}
.portfolio .paginado a:hover{
	background-color:#DDD;
}

/* #### Productos #### */
.productos p{
	margin-bottom:20px;
}

.Estilo1 {
	color: #003366;
	font-weight: bold;
}
.Estilo2 {font-size: 14px}
.Estilo3 {color: #003366}
.Estilo4 {font-size: 14px; color: #003366; }

.masinfo{
	float:right;
	margin-top:-39px;
}