/* >>>>>>>>>>>>>>> CSS ECOPOL <<<<<<<<<<<<<<<<< Silvia Arcos */

/* Estilos importados
----------------------------------------------- */
@import url("menuint.css");

html {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

body {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font: 0.67em Arial, Helvetica, sans-serif;
	color: #FFF;
	background-image: url(../images/fondopixel.jpg);
	text-align: center;
}
p{
	margin: 0px;
	padding: 4px
}
th{
	color: #1b3f61
}
input { border: 1px solid #369dbc;
	background-color: #f3fcff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #303932;
	font-weight: normal}
	
select { border: 1px solid #369dbc;
	background-color: #f3fcff;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
	font-weight: normal;}

textarea {
	border: 1px solid #369dbc;
	background-color: #f3fcff;
	font-size: 10px;
	font-family:Tahoma, Verdana, Arial;
	padding-top: 2px;
	padding: 4px;
	color: #393531;
	width: 200px;
	height: 100px
}

/*body,#contenedor{margin:10px 0px 0px 0px}*/

img{border:0px none; }

h1.cabecera{
	text-indent: -4000px;
	background-image: url(../images/cabecera.jpg);
	width: 900px;
	height: 59px;
	margin:0;
	background-repeat: no-repeat;
	background-position: center top;
	border-right: 1px solid #d2dde4;
	border-top: 1px solid #d2dde4;
	border-left: 1px solid #d2dde4;
}
.idiomas{
	background-image: url(../images/idiomas.jpg);
	width: 900px;
	height: 19px;
	margin:0;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	border-right: 1px solid #d2dde4;
	border-left: 1px solid #d2dde4;
}

#contenedor{
	width: 900px;
	height: 600px;
	margin: 0 auto 0 auto;
}
html>body #contenedor{
	min-height: 600px;
	height: auto;
}

#flash{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 574px;
	height: 208px;
	float: left;
}

#flash2{
	margin: 12px 0px 0px 22px;
	padding: 0px 0px 0px 0px;
	width: 290px;
	height: 167px;	
	float: left;
}
#flash3{
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 640px;
	height: 368px;
	border:3px solid #456;
	float: left;
}

#menucont{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 900px;
	border-right: 1px solid #d2dde4;
	border-left: 1px solid #d2dde4;
	float: left;	

}

#videocont{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 325px;
	height: 208px;
	background-image: url(../images/video_fondo.jpg);
	float: left;
}

#videomenu{
	margin:2px 0px 0px 22px;
	padding: 0px 0px 0px 0px;
	width: 288px;
	height: 20px;
	color: #555555;
	text-align: left;
	float: left;
}

#enlaces{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:normal 11px Arial; 
	color:#456;
	background:#fff;
	float: left;
	}
	
#enlaces a{font:normal 11px Arial; color:#456;}
#enlaces a:hover{font:normal 11px Arial;; color:#789;
}

p.textos{
	margin: 20px 5px 5px 0px;
	padding: 0px;
	width: 650px;
	float: right;
	text-align: left;
	font-size: 1.1em;
}
.imghome{
    background-image: url(../images/loopbackground.gif);
	width: 900px;
	height: 207px;
	margin:0;
}
.imginterior{
	background-image: url(../images/imginterior.jpg);
	width: 900px;
	height: 30px;
	margin:0;
	background-repeat: no-repeat;
	background-position: center top;
}
#pie{
	height: 40px;
	width: 900px;
	padding-top: 24px;
	padding-left: 8px;
	letter-spacing: 1px;
	clear:both;
}
html>body #pie{
	width:900px;
	height:16px;
}
#conthome{
	width: 900px;
	height: 400px;
	background-image: url(../images/pixelcontenido.gif);
	border-right: 1px solid #d2dde4;
	border-left: 1px solid #d2dde4;
	border-bottom: 1px solid #d2dde4;
}
html>body #conthome{
	min-height: 400px;
	height: auto
}

#conthome2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 120px;
	width: 780px;
	height:auto;
	background-image: url(../images/loopbackground.gif);
	text-align:center;
	border-right: 1px solid #d2dde4;
	border-left: 1px solid #d2dde4;
	border-bottom: 1px solid #d2dde4;
	float:left;
}
html>body #conthome2{
	min-height: 400px;
	height: auto
}



#contenido{
	width: 900px;
	height: 400px;
	background-image: url(../images/pixelcontenido2.gif);
	border-right: 1px solid #d2dde4;
	border-left: 1px solid #d2dde4;
	border-bottom: 1px solid #d2dde4;
}
html>body #contenido{
	min-height: 400px;
	height: auto
}
ul#menu{
	width:900px;
	height:26px;
	list-style-type:none;
	background-image: url(../images/fondomenu.gif);
	background-repeat: repeat-x;
	text-align : left;
	padding: 0px;
	margin:0 auto 0 auto;
	padding: 2px 0px 0px 0px
}
ul#menu li{
	display : inline;
	color: #FFF;
}
ul#menu a{
	display : inline;
	color: #FFF;
	text-decoration : none;
	font-size: 1em;
	text-transform : uppercase;
	margin: 5px
}
ul#submenu{
	list-style-type: none;
	text-align : left;
	padding: 0px;
	margin:0 auto 0 auto;
	padding: 10px 0px 0px 0px
}
ul#submenu li{
	display: block;
	color: #183F60;
	padding: 2px 4px 2px 15px;
}
ul#submenu a{
	display: block;
	color: #0f1b7f;
	text-decoration : none;
	font-size: 1em;
	text-transform : uppercase;
	font-weight: bold;
	margin: 5px;
	padding: 2px 4px 2px 15px;
	background-image: url(../images/flechas.gif);
	background-repeat: no-repeat;
	background-position: left middle;
}
ul#submenu2{
	list-style-type: none;
	text-align : left;
	padding: 0px;
	margin:0 auto 0 auto;
	padding: 10px 0px 0px 0px
}
ul#submenu2 li{
	display: block;
	color: #183F60;
	padding: 2px 4px 2px 15px;
}
ul#submenu2 a{
	display: block;
	color: #0f1b7f;
	text-decoration : none;
	font-size: 1em;
	text-transform : uppercase;
	font-weight: bold;
	margin: 5px;
	padding: 2px 4px 2px 15px;
}
.textohome{
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
	height: 207px;
	float: right;
}
html>body .textohome{
	min-height: 207px;
	height: auto
}
.textointeriores{
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 780px;
	height: 320px;
	float: right;
}
.textointeriores2{
	width: 900px;
	height: 320px;
	float: right;
}
html>body .textointeriores2{
	min-height: 320px;
	height: auto
}
.pie{
	width: 888px;
	color: #FFF;
	text-align: left;
	padding: 5px;
	background-color: #426888;
	margin: 5px 0px 0px 0px;
}
html>body .pie{
	width: 888px/*768px*/;
}
.pie a{
	color: #FFF;
	text-decoration: none;
}
.espaciopie{
	padding: 0px 0px 0px 540px;
}
html>body .espaciopie{
	padding: 0px 0px 0px 430px;
}
.noticias{
	width:640px;
	height:300px;
	float: left;
	padding: 4px;
	border: 1px solid #78a0c2;
	margin: 5px 0px 0px 0px;
	/*background-color: #d2dde4;*/
	background-image: url(../images/interior_productos2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
html>body .noticias{
	min-height:300px;
	height:auto
}
.compania{
	width:650px;
	height:300px;
	float: left;
	padding: 4px 0px 4px 4px;
	border: 1px solid #78a0c2;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/logocompania.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	color: #183f60;
	text-align: left;
	font-size: 1.1em;
}
html>body .compania{
	min-height: 300px;
	height: auto;
}
p.compania{
	margin: 0px;
	padding: 0px;
	border: 1px solid red
}
.destacada{
	width:640px;
	height:100px;
	margin: 0px 0px 14px 0px;
	padding: 5px;
	text-align: justify;
	float: left;
}
html>body .destacada{
	min-height: 20px;
	height: auto
}
.border{
	border: 4px solid #FFF;
	margin: 5px;
}

.texto2{
	color: #183f60;
	margin: 4px;
	text-decoration: none;
	text-align:left;
	border-bottom: 1px solid #183f60;
	width: 630px;
	float: left
}
.centrado{
	width: 400px;
	text-align:center!important;
}
a.texto2{
	color: #183f60;
	margin: 4px;
	cursor: hand;
	border: 0px;
}
.textodestacada{
	color: #183f60;
	margin: 4px;
	text-decoration: none;
	text-align:left;
	/*width: 410px*/
}

.textoref{
	color: #183f60!important;
	margin: 4px;
	text-decoration: none;
	text-align:left;
	border-bottom: 1px solid #183f60;
}
.negrita{
font-weight: bold;
}
a:hover .texto2 {
	color:#4C4C4c;
}
h3.titnoticia{
	color: #183f60;text-decoration :none;font-size: 1.1em;font-weight: bold;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	text-transform: uppercase;
	cursor: text;
}
.titnoticia{
	color: #183f60;text-decoration :none;font-size: 1.1em;font-weight: bold;
	margin: 0px;
	text-align: left;
	text-transform: uppercase;
	cursor: hand;
	float: left
}

/*comienzo de los estilos para fichas de producto padre e hijas*/

h3.titnoticia a{
	color: #183f60;text-decoration :none;font-size: 1em;font-weight: bold;
	float: left
}
h2.categoria{
	width: 110px;
	height: 50px;
	margin: 2px 2px 10px 2px;
	padding: 4px;
	float: left;
	background-image: url(../images/bordecategoria.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #183f60;text-decoration :none;font-size: 1.1em;font-weight: bold;
}
a:hover h2.categoria {
	cursor:hand;
	color:#4C4C4c;
}
html>body h2.categoria{
	width: 82px;
}
.fichaproducto{
	width: 630px;
	background-color: #e9f1f8;
	border-top: 1px solid #4853af;
		border-left: 1px solid #4853af;
			border-right: 1px solid #4853af;
				border-bottom: 4px solid #4853af;
	float: left;
	margin: 0px 0px 10px 0px;
}

ul#productos{
	text-align : left;
	padding: 2px;
	margin: 4px 4px 12px 4px;
	float: left;
}
html>body ul#productos{
	width:510px;
}
ul#productos li{
	display: block;
	width:500px;
	padding: 2px 2px 2px 10px;
	color: #1b3f61;
	float: left;
	/*background-image: url(../images/icocategoria.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	margin: 2px
}
ul#productos a{
	display: block;
	color: #1b3f61;
	text-decoration :none;
	font-size: 1.1em;
	font-weight: normal;
	float: left;
}
ul#productos li a:hover{
 margin: 0px;
}

/*estilos para listado de contacto*/
ul#contact{
	list-style-type:none;
	text-align : left;
	padding: 2px;
	margin: 4px;
	float: left;
}
html>body ul#contact{
	width:510px;
}
ul#contact li{
	padding: 2px 2px 2px 9px;
	color: #1b3f61;
	display: block;
	background-image: url(../images/icocategoria.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#contact a{
	color: #1b3f61;
	text-decoration :none;
	font-size: 1.1em;
	font-weight: normal;
}
ul#contact li a:hover{
 margin: 0px;
}
/*final de los estilos para fichas de producto padre e hijas*/

.descargas{
	width: 500px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 35px;
	color: #000
}
.descrreferen{
	clear: left
}
.lateralimages{
	width: 30%;
	padding: 27px 10px 0px 20px;
	float: right;
}
html>body .lateralimages{
	width:30%;
	min-height: 200px;
	height: auto;
}
.textos{
	width: 70%!important;
	float: left;
	padding: 0em 0em 0em 0.5em;
}
html>body .textos{
	width:60%!important;
	min-height: 40px;
	height: auto;
}
.imagennoticia{
	width:20%!important;
	float: left;
	margin: 11em 0em 0em 0em
}

h2.obras{
	background-color: #007947;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-left: 20px;
	text-transform: uppercase;
	letter-spacing: 1px
}
.border{border: 2px solid #FFF}

a.resize {background: url(../images/icon_resize.gif) no-repeat left; text-indent: -5000px; width: 25px; height: 18px; float: left;}
a.resize:hover {background: url(../images/icon_resize2.gif) no-repeat left;}