@charset "UTF-8";

* { padding: 0; margin: 0 auto; }
.clear { clear:both; }

h1{ font-size:18px; color:#AC1A2F;}
h2{ font-size:16px; color:#AC1A2F;}

body,html { font-family:Arial, Helvetica, sans-serif; font-size: 14px;}

#wrapper {  margin: auto; width:915px; margin-top:20px;}

#info{height:35px; text-align:right;}
#info #telefono{ line-height:35px; height:35px; background:url(../imagenes/telefono.png) no-repeat left center; padding:0 15px 0 15px; width:140px; float:right; font-size:20px; color:#008444; font-weight:bold;}

#blq_izquierda{ float:left; width:280px; margin-right:30px;}
#blq_derecha{ float:right; width:605px;}

#menu{background:url(../imagenes/menu.jpg) repeat-x; height:71px;}
#menu #left{background:url(../imagenes/menuL.jpg) no-repeat; width:14px; height:71px; float:left;}
#menu #right{background:url(../imagenes/menuR.jpg) no-repeat; width:14px; height:71px; float:right;}
#menu #links{ width:577px; float:left; line-height:71px; font-size:18px; text-transform:uppercase;}

#menu #links ul li{display:inline; margin:0 25px; height:71px; width:120px;}
#menu #links ul li a{text-decoration:none; color:#FFF;}

#header{ text-align:center; margin-top:10px; height:188px;}
#header ul.ppt {position: relative;}
#header .ppt li {list-style-type: none;	position: absolute;	top: 0;	left: 25px;}
#header .ppt img {	border: 1px solid #e7e7e7; background-color: #ececec;}

#content{margin:40px 25px 0 25px;}
#content p{margin-top:15px;}
#content strong{color:#AC1A2F; font-weight:normal;}

#bloques{font-size:11px; margin-top:30px;}
#bloques img{float:right; margin:5px 0;}
#bloques #izq{background:url(../imagenes/bloqueL.jpg) no-repeat #CDCDCD; padding:20px 10px; height:111px; width:170px; float:left;}
#bloques #centro{ background-color:#CDCDCD; margin-left:15px; padding:20px 10px; height:111px; width:170px; float:left;}
#bloques #dcha{background:url(../imagenes/bloqueR.jpg) no-repeat right #CDCDCD; padding:20px 10px; height:111px; width:170px; float:right;}


#footer{ background:url(../imagenes/footer.jpg) repeat-x; height:52px; text-align:center;}
#footer #fleft{background:url(../imagenes/footerL.jpg) no-repeat; width:14px; height:52px; float:left;}
#footer #fright{background:url(../imagenes/footerR.jpg) no-repeat; width:14px; height:52px; float:right;}
#footer #flinks{ width:887px; float:left; line-height:45px; margin-top:7px; color:#FFF; font-size:10px;}
#footer #flinks a{color:#FFF; text-decoration:none;}
#footer #flinks a:hover{text-decoration:underline;}

.map { border:none; height:250px; margin-top:15px;}

/*Noticias*/
#noticias{margin-top:25px;}
#noticias li{list-style:none; margin-top:10px;}
#noticias ul li a{color:#AC1A2F; text-decoration:none;}
#noticias ul li a:hover{text-decoration:underline;}

/*Formulario de Contacto*/
#formulario{border:solid 1px #708090;background:#dcdcdc;margin:0 auto;padding:25px;margin-top:15px;}
#formulario label{display:block;font-weight:bold;text-align:right;width:160px;float:left;}
#formulario .detalle{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:160px;}
#formulario input[type="text"], #formulario textarea{float:left;font-size:12px;padding:4px 2px;border:solid 1px #708090;width:250px;margin:2px 0 20px 10px;}
#formulario input[type="button"]{
	clear:both;
	margin:10px 0 0 170px;
	width:100px;
	height:31px;
	background:#696969;
	text-align:center;
	line-height:31px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
#formulario p{
	clear:both;
	margin-left: 170px;
	font-size:10px;
}

/*Formulario de acceso usuarios*/
#acceso{margin:0 auto;padding:10px;margin-top:15px;}
#acceso label{display:block;text-align:right;width:75px;float:left; line-height:28px;}
#acceso input[type="text"]{float:left;font-size:12px;padding:4px 2px;border:solid 1px #708090;width:140px;margin:2px 0 15px 10px;}
#acceso input[type="button"]{clear:both;margin-left:85px;width:75px;height:31px;background:#AC1A2F;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold;}

.usuario { background: url(../imagenes/user.png no-repeat left ; color:#FF0000; padding:2px 5px 2px 25px;}
.usuario:focus, .username:hover {background-color:#FF8080;}
   
.password { background: url(../imagenes/lock.png no-repeat left #FFF; color:#FF0000; padding:2px 5px 2px 25px;}
.password:focus, .password:hover {background-color:#FF8080;}