html{
  color:#444;
  margin:0;
  padding:0;
  font-size:12px;
  font-family:verdana,arial,helvetica,sans-serif;
  background: #fff url("../img/bg-body.gif") left -20px repeat-x;
}

body{
  margin:0;
  padding:0;
}

/*Subrayados*/
u{
  color:#252525;
  text-decoration:none;
}

input[type="text"],textarea{
  background-color:#f6f6f6;
  border:1px solid #ccc;
  margin-right:5px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  font-size:11px;
  color:#666;
}

input[type="submit"],input[type="button"],input[type="reset"]{
  /*background-image:url("../img/bg_boton_form.jpg");*/
  height:22px;
  background-repeat: repeat-x;
  background-position:left bottom;
  background-color:#c6151d;
  color:#f6cdce;
  font-weight:normal;
  border:1px solid #fff;
}


#main{
	text-align:center;
	width:850px;
 	margin:0 auto;
	background-image:url("../img/bg-main-shadow.gif");
	background-repeat: no-repeat;
	background-position:left top;
}

#contenido{
	text-align:left;
/*	margin-top:8px;
	margin-left:25px;
	margin-bottom:8px;*/
	padding-bottom:8px;
	float:left;
	width:620px;
	border-top:none;
}

#contenido p{
  line-height:20px;
/*  margin-left:10px;
  margin-right:10px;*/
  text-align:justify;
}

#contenido h2{
  font-weight:normal;
  font-size:18px;
  padding-bottom:4px;
  border-bottom:1px dotted #ccc;
  color:#222;
  margin-left:10px;
  margin-right:10px;
/*  margin-top:5px;
  margin-bottom:5px;*/
}

#contenido .content_page{
  margin-left:10px;
  margin-right:10px;
}



#contenido h3{
  font-weight:normal;
  font-size:22px;
  color:#222;
  margin:0px;
  padding:0px;

}

#contenido h4{
  font-size:12px;
  font-weight:normal;
  margin:0px;
  padding:0px;
  color:#666;
  margin-bottom:10px;
  height:35px;
  padding-top:5px;
  padding-left:15px;
  background-image:url("../img/bg_h4.jpg");
  background-repeat: no-repeat;
  background-position:left top;
}


#contenido h5{
  font-weight:bold;
  font-size:12px;
  color:#628f28;
  padding-top:3px;
  padding-bottom:3px;
/*  padding-right:5px;
  padding-left:5px;*/
  margin-top:5px;
  margin-bottom:5px;
/*  margin-left:10px;
  margin-right:10px;*/
}

/*#contenido a*/
#contenido a{
	text-decoration:none;
	color:#37917F;
}

/*#contenido a:hover*/
/*#contenido a:hover{
	color:#5c0002;
}*/

/* #contenido .foto */
#contenido .foto{
	padding:2px;
	border:1px solid #ccc;
	background-color:#fff;
}

/* #contenido .foto_textos */
.foto_textos{
	float:left;
	margin-right:8px;
	margin-bottom:4px;
	padding:2px;
	border:1px solid #ccc;
	background-color:#fff;
	min-height:90px;
}


.producto{
	//padding-top:10px;
	//padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	/*border:1px solid #dedede;*/
	//margin-bottom:20px;
	//min-height:180px;
	/*clear:both;*/
	display:table;
	width:100%;
}

.producto .left{
/*	display:table-column;*/
	width:200px;
	//min-height:180px;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:15px;
	//border:1px solid #000;
}

.producto .right{
/*	display:table-column;*/
	width:330px;
	//min-height:180px;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:15px;
}	


.producto .right p{
	font-size:11px;

}	

.row1{
  background-color:#eee;
  border-bottom:1px dotted #ccc;
}


.row2{
  /*border-bottom:1px dotted #eee;*/
}

.producto .categoria{
  font-weight:normal;
  font-size:10px;
  color:#444;
}

/*Categoria de Galeria*/
#cat_gal{
/*color:#fff;*/
background-color:#c7dce0;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:2px;
/*border-top:2px solid #84b14a;
border-bottom:2px solid #84b14a;*/
}


#cat_gal ul{
	list-style:none;
	margin:0;
	padding:0;
	height:24px;
}


#cat_gal ul li{
	float:left;
}

#cat_gal ul li a{
	display:block;
	height:18px;
	border-right:1px solid #fff;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	color:#fff;
	font-size:12px;
}

#cat_gal ul li a.actual{
	background-color:#a7c3c8;
}


#cat_gal ul li a:hover{
	color:#fff;
}


.producto a.content_image{
/*	float:left;*/
	display:block;
	//position:relative;
	margin-right:10px;
	margin-top:10px;
	width:182px;
	//height:122px;
}

.producto a.content_image img.foto_producto {
/*	float:left;*/
	padding:2px;
	//position:absolute;
	//clip:rect(0px, 180px, 120px, 0px);
	border:1px solid #dedede;
	background-color:#fff;
}



#detalles{
/*color:#fff;*/
//background-color:#f5f5f5;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:2px;
padding-bottom:20px;
min-height:300px;
/*border-top:2px solid #84b14a;
border-bottom:2px solid #84b14a;*/
}

.producto_detalle{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
	min-height:155px;
}

.producto_detalle .foto_producto,{
/*	float:left;*/
	margin-right:10px;
	padding:2px;
	border:1px solid #dedede;
}

.producto_detalle .fecha, .producto .fecha{
	color:#ec2227;
	margin:0px;
	padding:0px;
}

.producto_detalle p, .producto p{
	margin:0px;
}

.paginador{
	margin-top:8px;
	margin-bottom:8px;
	margin-left:10px;
	margin-right:10px;
	text-align:right;
	color:#555;
	font-size:11px;
}

.paginador a{
	color:#444;
}

/*Mensajes del sistema*/

.info_sis_ok{
	font-size: 12px;
	padding:3px;
	margin-bottom:4px;
	text-align:center;
	background-color: #8cd556;
	color:#FFF;
	display:block;
}

.info_sis_error{
	font-size: 12px;
	padding:3px;
	margin-bottom:4px;
	text-align:center;
	background-color: #e88a37;
	color:#FFF;
	display:block;

}

/*input[type="button"], input[type="submit"],input[type="reset"]{
  background-image:url('../img/bg_boton.png');
  background-repeat:repeat-x;
  border-bottom:1px solid #ffa5a5;
  border-right:1px solid #ffa5a5;
  border-top:1px solid #ffe1e1;
  border-left:1px solid #ffe1e1;
  height:32px;
  color:#fff;
}*/
/*FIN*/

/*BARRA DE PROGRESO*/

#bg_progressbar{
  margin:0 auto;
  width:550px;
  height:25px;
  border:1px solid #a09517;
  background-color:#fff;
  margin-top:10px;
  margin-bottom:10px;
}

#progressbar{
  padding-top:4px;
  height:21px;
  border-right:1px solid #a09517;
  color:#6f6619;
  font-weight:bold;
  text-align:center;
  background-image:url("../img/bg_bar.png");
}


/*POPUP*/
#pop { 
   z-index:2; 
   position:absolute; 
   border: 1px solid #333333; 
   text-align:center; 
   background:#000000; 
} 
#cerrar { 
   float:right; 
   margin-right:5px; 
   cursor:pointer; 
   font:Verdana, Arial, Helvetica, sans-serif; 
   font-size:12px; 
   font-weight:bold; 
   color:#FFFFFF; 
   background-color:#666666; 
   width:12px; 
   position:relative; 
   margin-top:-1px; 
   text-align:center; 
}

/*Cuadro de colores para los textos*/


.section_detail{
background-color:#eee;
border-bottom:2px solid #f5f5f5;
/*margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;*/
padding-top:10px;
padding-bottom:0px;
padding-left:15px;
padding-right:15px;
/*border-top:2px solid #84b14a;
border-bottom:2px solid #84b14a;*/
}


.cuadro_rojo{
/*color:#444;*/
/*background-color:#db5754;*/
background-color:#ffeaea;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
border-top:2px solid #f3c7c8;
border-bottom:2px solid #f3c7c8;
}

.cuadro_verde{
/*color:#fff;*/
background-color:#f5f5f5;
margin-left:10px;
margin-right:10px;
/*margin-top:10px;
margin-bottom:10px;*/
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
//border:5px solid #EBEBEB;
border-top:4px solid #ddd;
border-bottom:1px solid #ddd;
font-size:11px;
}

.cuadro_verde p{
padding:0;
margin:0;
margin-bottom:3px;
}

.cuadro_verde a{
color:#555;
}

.cuadro_amarillo{
  background-color:#f8f3c9;
/*  color:#887e26;*/
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
border-top:2px solid #e1da9a;
border-bottom:2px solid #e1da9a;

}

.cuadro_lista{
/*color:#fff;*/
/*background-color:#c7dce0;*/
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
/*border-top:2px solid #84b14a;
border-bottom:2px solid #84b14a;*/
}

/*PORTADA*/
#cuadro_ini_izquierda{
float:left;
border-top:1px solid #fff;
border-right:1px solid #fff;
width:310px;
}

#cuadro_ini_izquierda img{
float:left;
}


#cuadro_ini_izquierda img.top_img{
  border-bottom:1px solid #fff;
}

#cuadro_ini_derecha img{
float:right;
}

#cuadro_ini_derecha{
  float:right;
  border-top:1px solid #fff;
  width:309px;
}

#cuadro_ini_derecha img.top_img{
  border-bottom:1px solid #fff;
}


/*GALERIA SEGUIMIENTO DE OBRAS*/
#galleries-main{
	text-align:center;
}

#galleries-main img{
	padding:2px;
	background-color:#fff;
	border:1px solid #dedede;
}

#galleries{
	text-align:center;
	margin: 0 auto;
	padding-left:40px;
	padding-right:40px;
	margin-top:15px;
	margin-bottom:15px;
	display:table;
	//border:1px solid #000;
}


#galleries .item{
	margin-right:10px;
	margin-bottom:25px;
	width:90px;
	height:70px;
	float:left;
}

#galleries .item a.folder{
	background-image:url(../img/folder.png);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	position:relative;
	width:82px;
	height:53px;
	padding-left:8px;
	padding-top:17px;
}

#galleries a.folder:hover{
	background-image:url(../img/folder2.png);
}


#galleries .item a.folder .photo{
	border:none;
	clip: rect(0px 75px 47px 0px); 
	clip: rect(0px, 75px, 47px, 0px); 
	position:absolute;
	top:17px;
	left:8px;
}



#galleries .item .nombre{
	margin-top:4px;
	display:block;
	text-align:center;
	width:100%;
	font-size:11px;
}