/*Este css guarda la configuracion de los contenidos que no sean layouts*/

/* Pagina principal */
span#video{
float:left;
position:relative;
width:250px;
height:135px;
margin:15px 0 0 4px;
padding:0;
border:1px solid #000;
}

	span#video img{width:100%;height:100%;}
	
div#mapa{
float:left;
position:relative;
width:250px;
height:135px;
margin:15px 0 0 4px;
padding:0;
border:1px solid #000;
}

	div#mapa img{width:100%;height:100%;}	
	
/* Menu Principal*/	

ul#menu_principal{
position:relative;
width:95%;
height:100%;
margin:0 auto;
padding:0;
list-style-type:none;
}

	ul#menu_principal li.elemento{
	position:relative;
	width:212px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:18px;
	border-bottom:1px dotted #ccc;
	margin:0 auto;
	padding:3px;
	}
		
	ul#menu_principal li.elemento a{ text-decoration:none;color:#f0f0f0;}

/*ZONA LOGIN*/
p#titu_log{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#f0f0f0;
width:90%;
text-align:center;
}

form.login{
position:relative;
width:90%;
height:70%;
margin:0 auto;
padding:0;
}

label#nick{
float:left;
position:relative;
width:97px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
font-weight:bold;
margin:5px 0 0 0;
}
label#pass{
float:left;
position:relative;
width:97px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
font-weight:bold;
margin:5px 0 0 0;
}

input{font-family:Arial, Helvetica, sans-serif;}

input#nick{
float:left;
position:relative;
width:128px;
margin:5px 0 0 0;
border:1px solid #999;

}
	input#nick:hover{
	border:1px solid #000;
	}
	input#nick:focus{
	border:1px solid #000;
	}

input#clave{
float:left;
position:relative;
width:128px;
margin:5px 0 0 0;
border:1px solid #999;
}
	input#clave:hover{
	border:1px solid #000;
	}
	input#clave:focus{
	border:1px solid #000;
	}
	
input{
background:#f0f0f0;
border:1px solid #999;
color:#000;
}

p.no_ok{float:left;position:relative;width:90%;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#990000;top:-4px;text-align:center;}
p.logout{float:left;position:relative;width:90%;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#003300;top:-4px;text-align:center;}

input#submit{
float:right;
position:relative;
margin:8px 6px 5px 5px;
cursor:pointer;
}

/* Texto introducion index */
p.texto_normal{
float:left;
position:relative;
width:250px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;	
color:#666;
margin:12px 0 0 10px;
padding:0;
}

div#lista_permisos{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../../img/permisos.jpg) right 55px no-repeat;
}


p.texto{
float:left;
position:relative;
width:100%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;	
color:#666;
margin:12px 0 0 10px;
padding:0;
}

p#titulo_permiso{
float:left;
position:relative;
width:100%;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
margin:10px 0 0 10px;
padding:0;
font-weight:bold;
}


p#titulo_permiso a:hover{ cursor:pointer}

 
div.permiso{float:left;position:relative; width:490px;border:1px solid #cccccc;margin:0 0 0 10px;background-color:#E6E8EF;}

p.texto_normal_acordeon{
position:relative;
width:95%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
margin:5px auto 5px auto;
}


/* ULTIMAS NOTICIAS */
p#titu_noti{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#f0f0f0;
width:80%;
text-align:left;
margin: 0 0 0 15px;
}

div.mini_noticia{
float:left;
position:relative;
width:100%;
height:110px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:8px 0 0 0;
}

a.enlace_noticia{text-decoration:none;color:#ccc;}


div.mini_noticia p.fecha{width:90%;color:#CC9933;margin:5px 0 0 15px;}
div.mini_noticia p.texto_mininoticia{width:90%;margin:2px 0 0 15px;color:#CCCCCC;}
div.mini_noticia p.titulo{width:90%;color:#fff;margin:2px 0 0 15px;font-weight:bold;}
div.mini_noticia p.texto_mininoticia a{width:100%;margin:0;padding:0;color:#CCCCCC;text-decoration:none;}
div.mini_noticia p.texto_mininoticia a:hover{width:100%;margin:0;padding:0;color:#fff;}

div.noticia p.fecha{width:90%;color:#CC9933;margin:15px 0 0 0;}
div.noticia div#texto_noticia{width:90%;margin:10px 0 0 0;color:#666;font-size:12px;}
div.noticia p.titulo{width:90%;color:#666;margin:10px 0 0 0;font-weight:bold;font-size:14px;}

/*LISTADO DE AUTOESCUELA */
span.centro{
float:left;
position:relative;
width:250px;
margin:15px 0 0 8px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

span.centro p.nombre{font-weight:bolder;}
span.centro p.info{
margin-left:10px;
}

span.centro p.info a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-decoration:none;
}

span.centro p.info a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000099;
text-decoration:none;
}

img#lupa{
display:none;
float:right;
position:relative;
padding:0;
margin:0;
}


a#ampliar{
float:right;
position:relative;
padding:3px;
padding-bottom:0;
color:#cc9933;
text-decoration:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

a#ampliar:hover{
text-decoration:underline;
}

/********* Footer / Pie ********/

div#footer div#datos_web{
float:left;
position:relative;
width:100%;
margin:0;
padding:0;
top:3px;
}

div#datos_web p#aviso{
float:left;
position:relative;
width:267px;
text-align:left;
margin:0;
}
p#aviso a{color:#CCCCCC;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin-left:5px;}
p#aviso a:hover{color:#fff;text-decoration:none;}


div#botones{
float:left;
position:relative;
width:267px;
text-align:center;
margin:0 auto;
}

div#datos_web p#copy{
float:left;
position:relative;
width:265px;
text-align:right;
margin:0;
}
p#copy a{color:#CCCCCC;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
p#copy a:hover{color:#fff;text-decoration:none;}

span#amarillo{color:#cc9933;}

/******  ENLACES DE INTERES ****/

	div#lista_sitios{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
	list-style-type:none;
	}




/******* ENLACES *************/
		div.enlaces{
		position:relative;
		width:95%;
		min-height:150px;
		height:auto;
		margin:25px auto 0 auto;
		padding:0;
		border:1px solid #ccc;
		list-style-type:none;
		}
	
	
			div.enlaces span.thumb{
			float:left;
			position:relative;
			width:150px;
			height:125px;
			margin:12px 0 0 12px;
			padding:0;
			/*border:1px solid #000;*/
			}
			
				div.enlaces span.thumb img{
				float:left;
				position:relative;
				margin:0;
				padding:0;
				}
			
		div.enlaces h2{	
		float:left;
		position:relative;
		width:300px;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#427da5;
		margin:15px 0 0 20px;
		padding:0 0 10px 0;
		}
			
		div.enlaces p{
		float:left;
		position:relative;
		width:300px;
		height:auto;
		margin:5px 0 0 20px;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}

		div.enlaces p a{
		float:left;
		position:relative;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		text-decoration:none;
		}
		
		div.enlaces p a img.flechita{float:left;position:relative;margin:3px 0 0 4px;}

		div.enlaces p a:hover{
		color:#427da5;
		}


p.error404{color:#333366;}

/************ OFERTAS ************/
div.oferta{
position:relative;
width:475px;
height:auto;
margin:35px auto 0 auto;
padding:8px;
border:none;
font-size:12px;
border:1px solid #ccc;
background-color:#E6E8EF;
}

div.oferta span.pegata{
float:right;
position:absolute;
right:0;
top:0;
margin:0;
padding:0;
margin:-30px -20px 0 0;
}


/* AVISO LEGAL */
div#aviso{
font-size:12px;
color:#666;
}


/*  CONTACTO */

div#contacto{
position:relative;
width:100%;
height:475px;
margin:0 auto;
padding:0;
top:20px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

div#info{
float:left;
position:relative;
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}


div#contacto form{
float:left;
position:relative;
width:315px;
margin:0;
padding:4px;
top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div#contacto form label.contact,input.contact{
float:left;
position:relative;
margin:0;
padding:0;
}

div#contacto form input.contact{
float:left;
position:relative;
margin:0;
padding:0;
border:1px solid #ccc;
background-color:#fff;
}

div#contacto form input.contact:focus{
float:left;
position:relative;
margin:0;
padding:0;
border:1px solid #000;
}


#consulta{
float:left;;
position:relative;
margin:0;
padding:0;
border:1px solid #ccc;
}

#consulta:focus{
float:left;;
position:relative;
margin:0;
padding:0;
border:1px solid #000;
}

div#contacto form label{width:100%;margin:10px 0 0 0;color:#333;}

a#condiciones{color:#333;text-decoration:underline;}

button#boton_enviar{
float:left;
position:relative;
background:#fff;
border:outset 1px #ccc;
color:#666;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
cursor:pointer;
top:8px;
left:0;
}

button#boton_enviar:hover{
border:outset 1px #000;
}

span#icono_mail{
float:left;
position:absolute;
width:225px;
height:205px;
right:0;
bottom:75px;
background:url(../../img/telefono.jpg) top left no-repeat;
}

span#texto_obli{
float:left;
position:absolute;
left:8px;
bottom:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}