@font-face
{
	font-family: "calisto-mt-1361502420";
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/calisto-mt-1361502420.ttf) format("truetype");
}

html
{
    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cabecera
{
background: url(../img/fondo.jpg) no-repeat;
	max-width: 1600px;
	margin: auto;




}

body
{
	width:100%; padding:0; margin:0;


	font-family: Arial, Helvetica, Verdana;
	font-size: .80em;
}

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.3);
	color: #F60;
	margin: auto;
	padding: .25em;
	text-align: center;
	width: 80%;
}

a
{
	color: #ffffff;
	text-decoration: none;
	padding: 2.5em;
}

a:hover 
{
	color: #E08504;
	text-decoration: none;
	
}

.current a
{
	color: #E08504;
}

header
{
	background-color: rgba(0, 0, 0, 0.5);
	margin: auto;
	min-height: 300px;
	padding: .25em;
	text-align: left;
	top:50%;
	width: 80%;

}

.imgcenter{
      display: block;
      margin-top: 7em;
      margin-left: 10em;
      margin-bottom: auto;

      border:none;
      }

#info1
{
	text-align: center;
	letter-spacing: -0.35em


}

#info3
{
	text-align: center;

	letter-spacing: -0.35em

}

#info6
{
	text-align: center;

}

#info8
{
	text-align: center;

}

#infocont
{
	text-align: center;
	letter-spacing: -0.35em

}



#bloque1, #bloque3
{
		max-width: 427px;
	background: #CCCCCC;
	display: inline-block;
	margin: auto;
	padding: auto;
	min-height: 370px;
	width: 26.8%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}

#z1
{
	margin-top: .5rem;
	margin-bottom: .5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	line-height: 1.5rem;
}
#z2
{

	margin-left: 1rem;
	margin-right: 1rem;
	line-height: 1.2rem;
}

#z2qs
{
	color: #4A1C10;
	margin-left: 1rem;
	margin-right: 1rem;
	line-height: 1.2rem;
}

#z3
{

	margin-left: 1rem;
	margin-right: 1rem;
	line-height: 1.5rem;
}

#z4
{

	margin-left: 1rem;
	margin-right: 1rem;
	line-height: 1.5rem;
}

#img1, #img2, #img3, #barra1, #logo, #logoa
{
	max-width: 100%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
}

#bloque2
{
	max-width: 427px;
	background: #E08504;
	display: inline-block;
	margin: auto;
	padding: auto;
	min-height: 370px;
	width: 26.8%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}

#barra
{
	background-color: rgba(0, 0, 0, 0.0);
	margin: .85em auto;
	width: 80%;
	text-align: center;
}

#titulo
{
	color: #484646;
	background-color: rgba(0, 0, 0, 0.0);
	margin: auto;
	min-height: 20px;
	padding: .25em;
	text-align: center;
	width: 80%;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-weight: bold;
	font-size: 30px;
}

#linea
{
	background-color: rgba(0, 0, 0, 0.0);
	margin: .85em auto;
	text-align: center;
}

#texto1
{
	color: #484646;
	background-color: rgba(0, 0, 0, 0.0);
	margin: .85em auto;
	width: 70%;
	text-align: center;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 16px;
	line-height: 1.8rem;

}

#logoagral
{
	text-align: center;
	letter-spacing: -0.35em


}

#logoa1
{
	

	display: inline-block;
	margin: auto;
	padding: auto;
	min-height: 180px;
	width: 26%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}

#logoa2
{
	
	color: #484646;
	display: inline-block;
	margin: auto;
	padding: auto;
	min-height: 180px;
	width: 53.7%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
		font-size: 16px;
	letter-spacing: normal;
			line-height: 1.8rem;
}

footer
{
	margin: 0;
	padding: 0;
	background-color: #484646;
	color: #F60;
	margin: auto;
	padding: .25em;
	text-align: center;
	width: 80%;
}



#principal
{
	width: 79.7%;
	max-width: 1275px;
	color: #ffffff;
	background: url(../img/bloque3.png);
	
	
	margin: auto;
	min-height: 20px;
	padding: .25em;
	text-align: center;

	font-family: "calisto-mt-1361502420", Helvetica, Verdana;



	font-size: 20px;
}

#derechos
{
	color:#ffffff;
	display: inline-block ;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	text-align: center;
	width: 79.7%;
}

#dir
{
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	display: inline-block;
	text-align: center;
	width: 79.7%;
}

#aviso
{
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	width: 79.7%;
}

.current
{
	color: #E08504;
}

#tit
{
	color:#4A1C10;
	display: inline-block ;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

#titqs
{
	color:#DF8504;
	display: inline-block ;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

#titser1
{
	color:#172659;
	display: inline-block ;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2.5em;
	font-weight: bold;
	text-align: left;
	margin: .1em;
}

#stser
{
	color:#DF8504;
	display: inline-block ;
	margin: .1em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2em;
	font-weight: bold;
	text-align: left;
}

#po1
{
	color:#172659;
	display: inline-block ;
	margin: 1.5em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 1em;	
	text-align: left;
	list-style: circle;
	line-height: 1.2rem;
}


#titcli1
{
	color:#172659;
	display: inline-block ;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2.5em;
	font-weight: bold;
	text-align: left;
	margin: .1em;
}

#stcli
{
	color:#DF8504;
	display: inline-block ;
	margin: .1em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2em;
	font-weight: bold;
	text-align: left;
}

#po2
{
	color:#172659;
	display: inline-block ;
	margin: 1.5em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 1em;	
	text-align: left;
		list-style: circle;
	line-height: 1.2rem;
}

#bloque4, #bloque6
{
	
	background: #CCCCCC;
	display: inline-block;
	margin: auto;
	min-height: 577px;
		width: 26.8%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}

#bloque5
{
	background: #E08504;
	display: inline-block;
	margin: auto;
	min-height: 577px;
	width: 26.8%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
		letter-spacing: normal;
}

#bloque7
{
	
	background: #E08504;
	display: inline-block;
	margin: auto;

	min-height: 300px;
	width: 26.6%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
}

#bloque8
{
	background: #ffffff;
	display: inline-block;
	margin: auto;
	min-height: 300px;
	width: 26.6%;
	
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
}

#bloque9
{
	
	background: #E08504;
	display: inline-block;
	margin: auto;
	padding: auto;
	min-height: 300px;
	width: 20%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}

#bloque10
{
	background: #ffffff;
	display: inline-block;
	margin: auto;
	min-height: 300px;
	width: 60.5%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}

#bloque11
{
	background: #ffffff;
	display: inline-block;
	margin: .85em auto;
	min-height: 250px;
	width: 20.5%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;

}

#bloque12
{
	background: #CCCCCC;
	display: inline-block;
	margin: .85em auto;
	min-height: 250px;
	width: 59.2%;
	line-height: 1.2rem;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
}

#bloque11a
{
	background: #ffffff;
	display: inline-block;
	margin: .85em auto;
	min-height: 250px;
	width: 20.5%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
}

#bloque12a
{
	background: #CCCCCC;
	display: inline-block;
	margin: .85em auto;
	min-height: 280px;
	width: 59.2%;
		line-height: 1.2rem;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
}

#titqs1
{
	color:#172659;
	display: inline-block ;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2.5em;
	font-weight: bold;
	text-align: left;
	margin: .5rem;
}
#titqs1a
{
	color:#172659;
	display: inline-block ;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2.5em;
	font-weight: bold;
	text-align: left;
	margin: .5rem;
	width: 85%
}

#stqs
{
	color:#DF8504;
	display: inline-block ;
	margin: .85em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2em;
	font-weight: bold;
	text-align: left;
}

#po3
{
	color:#172659;
	background-color: #CCCCCC;
	display: inline-block ;
	margin: 1.5em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 1em;	
	text-align: left;
	list-style: circle;
	line-height: 1.2rem;
}

#bloque11b
{
	background: #ffffff;
	display: inline-block;
	margin: .85em auto;
	min-height: 250px;
	width: 100%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
}

#bloque12b
{
	background: #ffffff;
	display: inline-block;
	margin: .85em auto;
	min-height: 250px;
	width: 60%;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
}


#po4
{
	color:#172659;
	background-color: #ffffff;
	display: inline-block ;
	margin: 1.5em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 1em;	
	text-align: left;
	list-style: circle; 
}


#bloque4a
{
	

	display: inline-block;
	margin: auto;
	min-height: 150px;
	width: 26.6%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}



#bloquecli1
{
	background: #E08504;
	display: inline-block;
	margin:  auto;
	min-height: 300px;
	width: 20%;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;	
}



#bloquecli2
{
	background: #ffffff;
	display: inline-block;
	margin: auto;
	min-height: 300px;
	width: 60.5%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;	
}




#map1
{
	background: #CCCCCC;
	display: inline-block;
	margin: auto;
	min-height: 300px;
	width: 80.2%;
	vertical-align: top;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	letter-spacing: normal;
}

#map
{
	margin: auto;	
	text-align: center;
}

#datos
{
	background-color: #CCCCCC;
	display: inline-block;
	width:45%; 
	min-height: 300px;
	letter-spacing: normal;
}

#d1, #d2
{
	color:#DF8504;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2.5em;
	font-weight: bold;
	text-align: left;
	margin: .85em;
}

#d3
{
	color:#DF8504;
	margin: .85em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 2em;
	font-weight: bold;
	text-align: left;

}

#d4, #d5, #d6, #d7
{
	color:#172659;
	margin: 1.5em;
	font-family: "calisto-mt-1361502420", Helvetica, Verdana;
	font-size: 1em;	
	text-align: left;
}



#ulcont
{
	list-style: none;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.0);
	color: #F60;
	margin: auto;
	padding: .25em;
	text-align: right;
	line-height: .2rem;

}


#formulario {  
   background-color: #CCCCCC;
   display: inline-block;
vertical-align: top;

   padding: .5em;
   width:34.4%;  
   min-height: 332px;
   letter-spacing: normal;
  
}
 
#formulario input,  
#formulario textarea,  
#formulario label {  
   font-size: 1em;  
   font-family: Arial, san-serif;
}  
 
#formulario input,  
#formulario textarea {  
   width: 285px;

   border: 0;
   -moz-border-radius: 5px;  
   -webkit-border-radius: 5px;  
   border-radius: 5px;
   margin-bottom: 25px;  
   padding: 5px;  
}  
 
#formulario input:focus,  
#formulario select:focus,  
#formulario textarea:focus {  

}  
 
#formulario textarea {  
   height: 60px;  
}  
 
#formulario #submit {  

   width: 200px;  
   color: #BFD7C1;  
   border: none;  
   background-color: #ffffff;
}  
 
#formulario #submit:hover {  
   background-color: #ffffff;  
   color: #000000;
}
 
input:required, textarea:required {  
   box-shadow: none;
   -moz-box-shadow: none;  
   -webkit-box-shadow: none;  
   -o-box-shadow: none;  
}
 
#formulario .required {  
   font-weight:bold;  
   color: #E5E6E7;      
}
 
#failure, #success {
   color: #6EA070;
   display:none;  
}


/***************************************************
----- CONDICIONALES DE MEDIA QUERIES -----
****************************************************/
@media sreen and (max-width: 1600px){

#cabecera, #body, #header {


}


}





@media screen and (max-width: 650px) {

	
	#bloque1, #bloque2, #bloque3, #bloque4, #bloque5, #bloque6, #bloque7, #bloque8, #bloque9, #bloque10, 
	#bloquecli1, #bloquecli2 {
		width: 80%;
		margin: 0;
		float: none;
		margin: auto;

}


@media screen and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
	figure.post-imagen img {
    float: left;
    margin: 5px;
    max-width: 130px;
    }


}