@charset "utf-8";


/* A continuación definimos los estilos para la estructura del documento */
body {
	background: #fff url(../image/Fondo.png) no-repeat top center;
	text-align: center;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}
#logo{
    background:transparent url(../image/acersoltext.png) no-repeat scroll 0 0;
    height:120px;
    left:18px;
    margin:0 auto;
    position:relative;
    width:1024px;
}
h3{clear:both;}
	#contenedor{
		margin:0 auto;
        position:relative;
        width:1024px;
	}

    #lazo{
            background:transparent url(../image/lazo.png) no-repeat scroll 0 0;
            height:474px;
            margin-left:37px;
            margin-top:9px;
            position:absolute;
            width:160px;
            z-index:9000;
        }

    #page{
    		width: 100%;
        	text-align:left;
        	margin: 0 auto;
        }
        .inicio .texto div img{
            margin: 10px 0 15px 0;
        }
	#head{
            background:transparent url(../image/pestana.png) no-repeat scroll 0 0;
            height:66px;
            margin-top:6px;
            text-indent:-5000px;
            width:1024px;
        }

        #head h1{
            margin-bottom:0px;
        }
        .inicio{
            background:transparent url(../image/placas2.png) no-repeat scroll 0 0;
            height:299px;
            margin-left:54px;
            margin-top:5px;
            position:absolute;
            width:919px;
        }
        .servicios{
            background:transparent url(../image/fondoSol2.png) no-repeat scroll 0 0;
            height:299px;
            margin-left:54px;
            margin-top:5px;
            position:absolute;
            width:919px;
        }
        .galeria{
            background:transparent url(../image/molinos.png) no-repeat scroll 0 0;
            height:299px;
            margin-left:54px;
            margin-top:5px;
            position:absolute;
            width:919px;
        }
        .donde{
            background:transparent url(../image/cascada.png) no-repeat scroll 0 0;
            height:299px;
            margin-left:54px;
            margin-top:5px;
            position:absolute;
            width:919px;
        }
        .contacto{
            background:transparent url(../image/mar.png) no-repeat scroll 0 0;
            height:299px;
            margin-left:54px;
            margin-top:5px;
            position:absolute;
            width:919px;
        }

		#menu{
			background:transparent url(../image/menu.jpg) no-repeat scroll 0 0;
            font-family:Arial;
            font-size:11px;
            height:39px;
            margin:-39px 174px 0;
        }
			#menu ul{
				margin-left: 15px;
				
			}
			#menu ul li{
                    height:40px;
                    margin-top:-3px;
                    overflow:visible;
                    position:relative;
                    width:124px;
                    margin-left:0px;
                }
			#menu ul li.ultimo{
				border: none;
			}
			#menu ul li a{
				background:#C1EAFF none repeat scroll 0 0;
                color:#000000;
                display:block;
                font-size:11px;
                font-weight:bold;
                padding-bottom:22px;
                padding-top:14px;
                text-align:center;
                text-decoration:none;
			}
            .inicioseleccionado{
                background:#0030D7 url(../image/sol.png) no-repeat scroll right bottom;
            }
            .serviciosseleccionado{
                background:#0030D7 url(../image/viento.png) no-repeat scroll right bottom;
            }
            .galeriaseleccionado{
                background:#0030D7 url(../image/enRenovable.png) no-repeat scroll right bottom;
            }
            .situacionseleccionado{
                background:#0030D7 url(../image/situacion.png) no-repeat scroll right bottom;
            }
            .contactoseleccionado{
                background:#0030D7 url(../image/contacto.png) no-repeat scroll right bottom;
            }
            #menu ul li.seleccionado{
                color:#FFB028;
                font-size:12px;
                font-weight:bold;
                margin-top:-18px;
                padding-bottom:8px;
                padding-left:10px;
                padding-top:15px;
            }
          
			#menu ul li a:hover{
				background:#002BD5 none repeat scroll 0 0;
                color:#FFFFFF;
                font-size:12px;
			}
		#content{
			overflow: auto;
			width: 100%;
			height: auto;
			background: #fff url(../image/pie.jpg) left bottom no-repeat;
			z-index:0;
		}
			#content h3.top{
			}
			
			#sidebar{
                    float:left;
                    margin-left:64px;
                    width:250px;
                }

            #sidebar h1{
                    font-family:Tahoma;
                    font-size:23px;
                    margin-bottom:15px;
                    margin-left:59px;
                }

            #sidebar h5{
                    margin-left:139px;
                    margin-top:0;
                }

            #sidebar a{
                    color:#002DD6;
                    font-size:0.8em;
                    font-style:italic;
                    text-decoration:none;
                }

            #sidebar a:hover{
                    color:#0086F0;
                    text-decoration:underline;
                }

			#sidebar #catalogoPad{
				background: url(../image/superiorIzq.gif) left top no-repeat;
			}
			#sidebar #buscador{
				background: url(../image/buscador.png) left top no-repeat;
				height: 50px;
				width: 250px;
			}
			#sidebar h3{
                    color:#000;
                    font-weight:bold;
                    padding:10px 15px;
                }
			#sidebar .bordeDerecho{
				margin-left: 15px;
				height: 175px;
				padding-top: 1em;
				line-height: 1.5em;
				font-size: 0.9em;
				font-weight:bold;
				background: url(../image/borde.jpg) right top no-repeat;
			}
			#sidebar ul li{
				list-style: disc;
				margin-left: 30px;
			}
            #central{
                    background:transparent url(../image/central.png) no-repeat scroll 0 0;
                    height:304px;
                    margin-left:11px;
                    width:1007px;
            }
			#main{
                background:transparent url(../image/linea.png) repeat scroll 0 0;
                overflow:auto;
                width:100%;
                z-index:300;
			}
				#seccion{
					color:#666666;
                    float:left;
                    margin-left:50px;
                    overflow:auto;
                    width:612px;
				}
				#seccion .pad{
					font-size:0.8em;
                    margin-left:70px;
                    padding:0 10px;
                    width:522px;
				}
				#seccion a{
					color:#F4AB2C;
					text-decoration:none;
					font-weight: bold;
				}
				#seccion iframe{
					border: solid 1px #F4AB2C;
					margin: 10px 15px;
					font-size: 0.8em;
				}
				#seccion a:hover{
					text-decoration:underline;
				}
				#seccion img.pad{padding:5px;}
				#seccion #foto{
					margin: 10px;
					margin-top: 0px;
				}
				#seccion .texto{
					line-height: 1.5em;
					padding-left: 10px;
					font-size: 1.2em;
				}

                #seccion h2{
                    font-style:oblique;
                    font-weight:bold;
                    margin-left:49px;
                }

				#seccion h3{
					background:transparent url(../image/backH3.jpg) no-repeat scroll left bottom;
                    color:#000000;
                    font-size:35px;
                    margin:25px 15px 10px;
                    padding-bottom:10px;
				}
				
				#seccion h4{
					 font-weight: bold;
					 margin: 5px; 
					 margin-left: 10px;
				}

                                #seccion ul{
                                    list-style-type:circle;
                                }
                
				.leermas{
					text-align:right;
					padding: 5px 25px;
				}
				.leermas a{
					color: #F4AB2C;
					text-decoration: none;
					font-weight: bolder;
				}
				#footer{
					font-size:0.8em;
                    height:90px;
                    overflow:auto;
                    padding-left:216px;
                    width:615px;
				}
					#contact{
						width: 400px;
						margin: 20px 0 0 20px;
						color: #fff;
						font-size: 0.9em;
						font-weight: bolder;
						line-height: 1.2em;
					}
					#autor{
						color:#4C4C4C;
                        font-size:0.8em;
                        margin-right:20px;
                        padding-left:43px;
                        padding-top:30px;
                        text-align:center;
                        width:508px;
					}
					#autor a{
						color: #4c4c4c;
						text-decoration: none;
					}
					small a{
						color: #F4AB2C;
						text-decoration: none;
						font-weight: bolder;
						font-size: 0.8em;
					}

                pie{
                    background: url(../image/menu.jpg) no-repeat;
                    height: 90px;
                    width: 520px;
		}
			#pie ul{
                            overflow:auto;
                            padding-left:15px;
                            padding-top:22px;
			}
			#pie ul li{
				padding: 0 20px;
				margin-top: 7px;
                                margin-left:0;
				border-right: 1px solid #4C4C4C;
			}
			#pie ul li.ultimo{
				border: none;
			}
			#pie ul li a{
				color: #4c4c4c;
				text-decoration: none;
				font-weight: bold;
			}
			#pie ul li a:hover{
				color: #ccc;
			}
div.flotante{
	margin-top:20px;
	width:250px;
	float:left;
}
/* Clases generales de la página*/
.floatLeft{
	float:left;
	display: block;
}
.floatRight{
	float:right;
	display: inline;
	overflow: hidden;
}
.floatLeft1{
	float:left;
	display: inline;
	overflow: hidden;
    color: #4c4c4c;
}
.floatRight1{
	float:right;
	display: inline;
	overflow: hidden;
}
.clear{
	clear: both;
}
#seccion .dos{
	padding-left: 40px;
	margin-top: 10px;
}
.pad ul{
	padding: 0 0 0 40px;
	margin: 5px 10px;
}
.pad li{
	list-style: circle;
	list-style-position: outside;
	text-align: left;
}

/* Catalogo */
#catalogoPad{
	padding: 10px 0px 0px 10px;
	overflow: auto;
}
#catalogoPad h3{
	background: url(../image/iconoPDF.jpg) left top no-repeat;
	margin: 10px;
	color: #62adf7;
	font-size:2em;
	height: 50px;
	padding: 10px 0 0 0;
	margin-bottom:0;
	padding-left:60px;
}
#catalogoPad h3.producto{
	background: none;
	margin: 10px;
	color: #62adf7;
	font-size:1.4em;
	height: 25px;
	padding: 10px 0 0 0;
	margin-bottom:0;
	padding-left:0px;
}
#catalogo li{
	width: 220px;
	overflow: hidden;
	list-style: circle;
	list-style-position: inside;
	margin-left: 10px;
	padding: 5px 5px;
	height: auto;
	font-size: 0.8em;
	border-bottom: 1px dashed;
}
#catalogo li:hover{
	background:#62ADF7;
}
 #catalogo li a{
 	display: inline;
	color: #666;
	text-decoration: none;
	width: 200px;
 }
 
 form.buscador{
 	padding: 12px 12px 0px 20px;
 }
  form.buscador input{
 	border: 1px solid;
 }
  form.buscador input.boton{
 	border: none;
	background:none;
	color:#fff;
 }

#modGaleria{
        margin-top:40px;
    }
#modGalerias .elemento{
	border:none;
	width: 215px;
	text-align: left;
	height:50px;
	margin:5px 0;
	border-bottom: 1px dotted #666;
	padding: 5px 0;
	clear:both;
}
#modGaleria .elemento h2{
	font-size:1em;
    font-weight:bold;
    margin-bottom:5px;
    margin-left:79px;
}
#modGaleria .elemento p{
	font-size: 0.9em;
	margin-bottom: 5px;
}
#destacados .elemento h2 a{
	font-weight: bold;
	color: #000;
	text-decoration:none;
}

#modGaleria .elemento h2 a{
    display: none;
}
#modGaleria .elemento h2 a:hover{
	text-decoration:underline;
}
#modGaleria .thumb{
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:5px;
        border:2px solid #0030D7;
        display:table;
        height:54px;
        margin:5px auto;
        overflow:auto;
        padding:5px;
        text-align:center;
    }

.thumb:hover{
    background: #c1eaff;
}
#modGaleria .thumb img{
	width:156px;
}

#destacados{
	width: 215px;
	height: 260px;
	margin-left: 12px;
	overflow:hidden;
}
#destacados .elemento{
	border:none;
	width: 215px;
	text-align: left;
	height:50px;
	margin:5px 0;
	border-bottom: 1px dotted #666;
	padding: 5px 0;
	clear:both;
}
#destacados .elemento h2{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}
#destacados .elemento p{
	font-size: 0.9em;
	margin-bottom: 5px;
}
#destacados .elemento h2 a{
	font-weight: bold;
	color: #000;
	text-decoration:none;
}
#destacados .elemento h2 a:hover{
	text-decoration:underline;
}
#destacados .thumb{
	height: 50px;
	width: 50px;
	float:left;
	overflow:hidden;
	margin-right: 3px;
}
#destacados .thumb img{
	width: 50px;
}
/* Formulario contacto */
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
	/* ----------- stylized ----------- */
	#stylized{
        padding-top: 0;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #F4AB2C;
		padding-bottom:10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input, #stylized textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #000;
		width:200px;
		margin:2px 0 10px 10px;
	}
	#stylized textarea{
		float:none;
		width:200px;
	}
	#stylized input.button{ 
		clear:both;
		margin:10px 140px;
		width:125px;
		height:31px;
		background:#666666 url(../image/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		border:none;
		float: none;
	}
	#stylized input.error, #stylized textarea.error{
		background: #ff0000;
	}
	span.rojo{
		color: #ff0000;
		font-size: 1.2em;
	}

    #direccion{
        padding:0 15px;
    }

	div.enlace{
		margin-left: 30px;
		width: 400px;
		float: left;
		margin-bottom: 20px;
		margin-top: 2px;
	}
	div.enlace a{
		color: #b8ff7f;
		font-weight: bold;
	}
	#contenido div.enlace p{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	div.enlace p.descripcion{
		text-indent: 20px;
	}
#seccion #galeria .imagen{
	float:none;
	text-align: center;
}
#seccion #galeria .foto{
	float:none;
}