/*-----------ESTILOS index---------------------*/

/* PRODUCTOS */

#main_serie_esfera{
width: 288px;
display:block;
float:left;
margin:0px;
padding:0px;
padding-right: 15px;
}

#main_doble_canal{
width: 288px;
height: 290px;
display:block;
float:left;
margin:0px;
padding:0px;
}

#main_serie_esfera .redondeo_izquierda, #main_doble_canal .redondeo_izquierda{
width: 10px;
height: 10px;
background: url(../img/curv_izq_sup2.gif) top left no-repeat;
display:block;
float:left;
font-size: 2pt; /* Asignamos un tamaño de fuente pequeño para evitar el espaciado vertical provocado por IE */
line-height: .4;
}
#main_serie_esfera .redondeo_derecha, #main_doble_canal .redondeo_derecha{
width: 10px;
height: 10px;
background: url(../img/curv_der_sup2.gif) top right no-repeat;
display:block;
float:left;
font-size: 2pt; /* Asignamos un tamaño de fuente pequeño para evitar el espaciado vertical provocado por IE */
line-height: .4;
}
#main_serie_esfera .borde_top, #main_doble_canal .borde_top{
width: 268px;
height: 10px;
background: url(../img/borde_top.gif) top repeat-x;
display:block;
float:left;
font-size: 2pt; /* Asignamos un tamaño de fuente pequeño para evitar el espaciado vertical provocado por IE */
line-height: .4;
}

#main_serie_esfera .borde_contenido, #main_doble_canal .borde_contenido{
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #F66014;
	height: 305px;
	float:left;
	display:block;
	width: 286px;
}

#main_serie_esfera h1, #main_doble_canal h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-align: center;
padding-bottom: 6px;
margin: 0px;
background-color:#FFD9CD;
}

#main_serie_esfera h2, #main_doble_canal h2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ED1C24;
margin:10px;
border-bottom: 1px solid #000;
}
#main_serie_esfera #previo_izq, #main_doble_canal #previo_izq{
float:left;
display:block;
}
#main_serie_esfera #previo_der, #main_doble_canal #previo_der{
float:left;
width:109px;
}

#main_serie_esfera #previo_izq p.descripcion, #main_doble_canal #previo_izq p.descripcion{
width: 140px;
height:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
text-align:justify;
margin-top:5px;
margin-left: 5px;
margin-right: 5px;
float:left;
display:block;
}
#main_serie_esfera #previo_der img, #main_doble_canal #previo_der img{
display:block;
float:left;
margin-right:7px;
margin-left:3px;
margin-top:10px;
}
#main_serie_esfera #previo_der p.txt_img, #main_doble_canal #previo_der p.txt_img{
display:block;
width: 105px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
text-align:center;
float:left;
margin-left: 5px;
margin-right: 11px;
margin-top:10px;
}
#main_serie_esfera #previo_der a, #main_doble_canal #previo_der a{
width: 115px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ED1C24;
text-align:center;
text-decoration:none;
float:left;
margin-left: 8px;
margin-top:20px;
}



/* BANNER CONTACTO */

#main_banner_contacto{
width: 600px;
height: 96px;
background: url(../img/banner.gif) no-repeat;
display:block;
float:left;
margin-top: 15px;
margin-bottom: 15px;
}

#main_banner_contacto h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#001565;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	width: 345px;
	float: left;
	display: block;
}

#main_banner_contacto a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#F66014;
	margin-left: 20px;
	width: 325px;
	float: left;
	display: block;
}

#main_banner_contacto p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#F66014;
	width: 120px;
	float: right;
	top: 23px;
	display: block;
	padding-right: 125px;
	margin: 0;
	padding-top: 25px;
}

/* OBRAS REALIZADAS - NOTICIAS*/

#main_obras_realizadas{
width: 380px;
display:table;
float:left;
margin-right: 15px;
}
#main_noticias{
width: 200px;
display:table;
float:left;
}
#main_obras_realizadas h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-align: center;
padding:0px;
padding-bottom: 6px;
margin: 0px;
background-color:#CCE6D6;
}
#main_noticias h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-align: center;
padding-bottom: 6px;
margin: 0px;
background-color:#CCE6D6;
}
#main_obras_realizadas .redondeo_izquierda, #main_noticias .redondeo_izquierda{
width: 10px;
height: 10px;
background: url(../img/curv_izq_sup_v.gif) top left no-repeat;
display:block;
float:left;
font-size: 2pt; /* Asignamos un tamaño de fuente pequeño para evitar el espaciado vertical provocado por IE */
line-height: .4;
}
#main_obras_realizadas .redondeo_derecha, #main_noticias .redondeo_derecha{
width: 10px;
height: 10px;
background: url(../img/curv_der_sup_v.gif) top right no-repeat;
display:block;
float:left;
font-size: 2pt; /* Asignamos un tamaño de fuente pequeño para evitar el espaciado vertical provocado por IE */
line-height: .4;
}

#main_obras_realizadas .borde_contenido{
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #018232;
	float:left;
	width: 378px;
	display: block;
}

#main_noticias .borde_contenido{
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #018232;
float:left;
width:198px;
}

#main_obras_realizadas .borde_top{
width: 360px;
height: 10px;
background: url(../img/borde_top_v.gif) top repeat-x;
display:block;
float:left;
font-size: 2pt; /* Asignamos un tamaño de fuente pequeño para evitar el espaciado vertical provocado por IE */
line-height: .4;
}

#main_noticias .borde_top{
width: 180px;
height: 10px;
background: url(../img/borde_top_v.gif) top repeat-x;
display:block;
float:left;
font-size: 2pt; /* Asignamos un tamaño de fuente pequeño para evitar el espaciado vertical provocado por IE */
line-height: .4;
}

#main_obras_realizadas .borde_contenido #registro #foto img{
clear:left;
margin-left:10px;
border: 1px solid #018232;
margin-top:3px;
}
#main_obras_realizadas .borde_contenido #registro #foto{
float:left;
padding:0px;
margin-top:10px;
}
#main_obras_realizadas .borde_contenido #registro{
	float:left;
	width:358px;
	padding:0px;
	margin-bottom:10px;
	margin-left:5px;
	border-bottom: 1px solid #018232;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
}
#main_obras_realizadas .borde_contenido #registro #descripcion{
	float:left;
	padding:0px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	width: 250px;
}
#main_obras_realizadas .borde_contenido #registro #descripcion h3{
	float:left;
	width:245px;
	color:#018232;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	padding-left:5px;
	padding-top:3px;
	margin:0px;
	background-color:#FFFFFF;

}
#main_obras_realizadas .borde_contenido #registro #descripcion h4{
	color:#018232;
	font-size:10px;
	line-height:12px;
	padding-left:3px;
	padding-top:3px;
	margin:0px;
	text-align: left;
	background-color:#FFFFFF;
	float:left;
	display: block;
}

#main_obras_realizadas .borde_contenido #registro #descripcion #contenedor_descripcion{
	border-top: 1px dotted #018232;
	width:250px;
	padding:0px;
	margin-top:2px;
	display: block;
}

#main_obras_realizadas .borde_contenido #registro #descripcion #contenedor_descripcion p{
float:left;
margin:0px;
padding:0px;
margin-top:2px;
color:#000000;
font-size:11px;
}
#main_obras_realizadas .borde_contenido #registro #descripcion #contenedor_descripcion a{
	float:left;
	margin:0px;
	padding:0px;
	color: #018232;
	font-size:11px;
	text-decoration:none;
	padding-bottom:10px;
	display: block;
}

#main_noticias .borde_contenido ul{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
vertical-align:middle;
margin:0px;
padding:10px;
list-style: none;
}
#main_noticias .borde_contenido li{
color:#000000;
list-style: none;
margin:0px;
padding:0px;
padding-bottom:10px;
}
#main_noticias .borde_contenido ul li a{
color:#000000;
list-style: none;
text-decoration:none;
margin:0px;
padding:0px;
}
#main_noticias .borde_contenido ul li a:hover{
color:#000000;
text-decoration:none;
}
.verde{
color: #018232;
}
#main_obras_realizadas .borde_contenido #franja{
background-color:#018232;
width:378px;
height:20px;
float:left;
}
#main_obras_realizadas .borde_contenido #franja p.txt_img{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
float:left;
margin-left: 10px;
margin-top:4px;

}

#main_obras_realizadas .borde_contenido #franja a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#FF9900;
float:left;
margin-left: 5px;
margin-top:4px;
}