*{
	margin: 0px;
	padding: 0px;
}
html{
	height: 100%;
}
body{
	height: 100%;
	font-family: Arial,Helvetica,sans-serif; font-size: 10px; background-color: #ffffff; color: #04090D;
	font-size:13px;
	padding: 0px;
	margin: 0px;
	background-image:url('../images/fondo.png');
	background-repeat:repeat-x;
	background-position:center 30px;
}
a{ 
	color: #1676DF;
	text-decoration:none;
	outline: none; 
}
	
	
a:hover{
	color: #000; 
}
#main{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}
#content{
	float:left;
}
#menu{
	width:100%;
	background-color:#11559A;
	color:white;
	box-shadow: 0px 2px 2px #333;
   -webkit-box-shadow: 0px 2px 2px #333;
   -moz-box-shadow: 0px 2px 2px #333;
}
#menu div{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
}
#menu div a{
	color:#EFEFEF;
	text-shadow:#404040 2px 1px 2px;
	font-size:13px;
	float:right;
	margin-right:30px;
	padding-top:8px;
	padding-bottom:5px;
	font-weight:bold;
} 
#menu div a:hover{
	color:yellow;
}
#bajo{
	background-image:url('../images/map.png');
	background-color:#0F4A90;
	background-repeat:no-repeat;
	background-position:50% 30%;
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
	float:left;
	margin-top:30px;
}
#bajo div{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	color:#CCC;
}
#bajo div em{
	display:block;
	float:right;
	color:#EFEFEF;
	text-align:center;
	width:450px;	
	font-size:25px;
	color:#F7FF5F;
	text-shadow:#000 2px 2px 0px;
	margin-top:10px;
}
#bajo div p{
	display:block;
	float:right;
	color:#EFEFEF;
	text-align:right;
	width:250px;
}
#bajo div a{
	color:#EFEFEF;
	text-shadow:#404040 2px 1px 2px;

} 
#bajo div a:hover{
	color:yellow;
}

#cabecera{
	width:100%;
	color:white;
	float:left;
}
#muestra-web-mobil{
	float:right;
	width:465px;
	height:522px;
	background-image:url('../images/mano-movil.png');
	background-repeat:no-repeat;
	background-position:bottom right;
}
#muestra-web-mobil img{
	margin-top:61px;
	margin-left:190px;
}
#cabecera-izquierda{
	float:left;
	width:500px;
	padding-top:10px;
}
#cabecera-izquierda h1{
	float:left;
	width:500px;
	font-size:40px;
	text-shadow:#404040 2px 1px 2px;
	margin-top:20px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#cabecera-izquierda p{
	font-size:20px;
	text-shadow:#404040 2px 1px 2px;
}
#cabecera-izquierda input[type="image"]{
	float:right;
	margin-top:18px;
	box-shadow: 0px 0px 5px #333;
	   -webkit-box-shadow: 0px 0px 5px #333;
	   -moz-box-shadow: 0px 0px 5px #333;
}
#cabecera-izquierda input:hover{
	box-shadow: 0px 0px 10px #ffffff;
	   -webkit-box-shadow: 0px 0px 10px #ffffff;
	   -moz-box-shadow: 0px 0px 10px #ffffff;
}
#cabecera-izquierda p b{
	display:block;
	color:#92D5F5;
	font-size:100px;
}
#contenido-inicio{
	padding-top:15px;
	width:100%;
	float:left;
}
#contenido-inicio h2{
	font-size:25px;
	margin-bottom:25px;
}
#contenido-inicio h3{
	color:#999;
	font-size:20px;
}
 ul{
		list-style:none;
}
#contenido-inicio ul{
	margin-top:15px;

	display:block;
	float:left;
	margin-bottom:30px;
}
#contenido-inicio ul li{
	float:left;
	width:320px;
	margin-right:15px;
}
#contenido-inicio ul li.ultimo{
	margin-right:0px;
}
#contenido-inicio ul li p{
	float:left;
	width:235px;
}
#contenido-inicio ul li img{
		margin-right:10px;
		margin-top:10px;
		float:left;
		width:70px;
		display:block;

}
#contenido-inicio ul li p strong{
	font-size:23px;
	padding-top:10px;
	padding-bottom:5px;
	display:block;
}
#contenido-inicio ul.listadointerno li{
	float:left;
	width:470px;
	margin-right:15px;
	margin-bottom:30px;
}
#contenido-inicio ul.listadointerno li img{
	width:150px;
}
#contenido-inicio ul.listadointerno li p{
	width:300px;
}
#contenido-inicio ul.listadointerno li.ejemplo{
	width:300px;
	font-size:15px;
	min-height:420px;
	overflow:hidden;
}
#contenido-inicio ul.listadointerno li.ejemplo img{
width:280px;	
border:5px solid #E9E9E9;
}


#cabecera-izquierda form{
	margin-top:15px;
	border:1px solid #1875BE;
	background-color:#0F4087;
	background-image:url('../images/map.png');
	background-repeat:no-repeat;
	background-position:50% 30%;
	padding:10px;
	border-radius: 15px;
}
#cabecera-izquierda form table tr td{
	font-size:15px;
}
#cabecera-izquierda form table{
	width:100%;
}
#cabecera-izquierda form input[type="text"],#cabecera-izquierda form textarea{
	float:none;
	margin-bottom:10px;
	font-size:20px;
	width:98%;
}
#cabecera-izquierda form textarea{
	height:70px;
}
#cabecera-izquierda form input[type="image"]{
	margin-top:0px;
}


@media (max-width:767px){
	body{
		background-image:none;
	}
	#main{
		width:100%;
	}
	#cabecera{
		 width:100%;
		background-image:url('../images/fondo.png');
		background-repeat:repeat-x;
		background-position:center 0px;
	}
	#menu{
		float:left;
		width:100%;
		background-color:#11559A;
	}
	#menu div{
		 width:auto;
		height:auto;
		background-color:#11559A;
	}
		#menu div a{
			float:left;
			display:block;
			padding:5px;
			background-color:#1876BF;
			width:auto;
			margin:5px;
			padding-top:5px;
			padding-bottom:5px;
			white-space: nowrap;
			border-radius: 10px;
			font-size:13px;
		}
	#bajo{
		 width:100%;
	}
	#cabecera-izquierda h1{
		width:100%;
		font-size:1.5em;
	}
	#contenido-inicio ul li{
		width:100%;

	}
	#cabecera-izquierda{
		width:100%;
	}
	#contenido-inicio ul li p {
	    float: left;
	    width: 70%;
	}	
	#muestra-web-mobil{
		display:none;
		width:100%;
	}
	#muestra-web-mobil img{
		right:80px;
		position:absolute;
		margin-left:auto;
	}
	#contenido-inicio ul {
	    border-bottom:1px dotted #D5D8DE;
		padding-bottom:15px;
	}
	#bajo div{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		color:#CCC;
		text-align:center;
	}
	#bajo div em{
		display:block;
		float:right;
		color:#EFEFEF;
		text-align:center;
		width:100%;	
		font-size:25px;
		color:#F7FF5F;
		text-shadow:#000 2px 2px 0px;
		margin-top:10px;
			margin-bottom:30px;
	}
	#bajo div p{
		display:block;
		float:right;
		color:#EFEFEF;
		text-align:center;
		width:100%;
	}
}