@charset "utf-8";
/* reseteo universal */

*{
	border:0;
	margin: 0;
	padding:0;
}

article,footer,header,nav,section {
	display:block;
}

/*------------------------------------
	ESTILOS BASE 
------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color:#3E5B66;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
}

img {
	max-width:100%;
	height:auto;
	vertical-align:top;
}

.clear {
	clear:both;
}


/*------------------------------------
	CABECERA 
------------------------------------*/

header {
	margin:0 auto;
	max-width:950px;
	text-align:center;
}

header h1 {
	width:90%;
	text-align:center;
	margin:30px auto;
}

/*------------------------------------
	TITULAR
------------------------------------*/

.titular {
	font-size:1.2em;
	font-weight:400;
	color:#302619;
	width:95%;
	padding-bottom:2%;
	border-bottom:dashed 1px #302619;
	margin:auto;
}

@media(max-width:900px){
	.titular {
		font-size:1em;
	}	
}

@media(max-width:600px){
	.titular {
		font-size:0.75em;
		padding-bottom:4%;
	}	
}

@media(max-width:330px){
	.titular {
		width:85%;
		padding-bottom:4%;
	}	
}


/*------------------------------------
	BANNER PRINCIPAL
------------------------------------*/


.Banner{
	max-width:950px;
	margin:2% auto;
}

.bannerPpal{
	margin:0 auto;
	max-width:95%;
	border:2px solid #BCD036;
}

.sombra{
	max-width:95%;
	margin:0 auto;

}

@media(max-width:530px){
	.Banner{
		margin:4% auto;
	}
}


/*------------------------------------
	CONTENIDO A
------------------------------------*/

#contentA{
	max-width:800px;
	padding:0 5%;
	margin:0 auto;
}

#contentA h1 {
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:2%;
}

.contentBase{
	width:100%;
	margin:1% 0 3% 0;
}

.ModIcono,.ModTxt {
	display:inline-block;
	vertical-align:middle;

}

.ModIcono {
	width:10%;
	margin-right:0.8em;
	text-align:left;
}

.ModTxt{
	width:80%;
	text-align:left;
}

@media(max-width:650px){
	.ModIcono {
		width:15%;
	}

	.ModTxt{
		width:75%;
		margin-bottom:5%;
	}
	
	.contentBase{
		margin:1% 0 5% 0;
	}
}

@media(max-width:450px){
	#contentA h1 {
		font-size:1.2em;		
		margin-bottom:5%;
	}

	.contentBase{
		width:100%;
		margin:1% 0 3% 0;
	}

	.ModIcono,.ModTxt {
		display:block;
	}

	.ModIcono {
		width:50%;
		margin:8% auto;
	}

	.ModTxt{
		width:100%;
		margin-bottom:20%;
	}
	
	body {
		background: transparent url(images/background.jpg) no-repeat 50% 0;
	}
}



/*------------------------------------
	CONTENIDO B
------------------------------------*/

.baseOfrecemos{
	background-color:#F5F3EB;
	border-top:3px solid #30A8DD;
	border-bottom:4px solid #30A8DD;
	margin-top:5%;
	padding-bottom:5%;
	font-size:0.9em;
	color:#3E5966;
}

.baseOfrecemos a{
	color:#29A6DC;
	text-decoration:underline;
}

.baseOfrecemos a:hover{
	text-decoration:none;
}

#contentA h2 {
	font-size:1.5em;
	font-weight:normal;
	margin:5% 0;
	color:#31ACE1;
}

.ColA{
	width:50%;
	float:left;
}

.ColB{
	width:50%;
	float:right;
}

.ModColA{
	width:90%;
}

.ModVideoColA{
	margin-top:5%;
	margin-bottom:8%;
	min-height:248px;
	min-width:95%;
}

.ModColA h3{
	border-bottom:dashed 1px #3E5C66;
	font-size:1.2em;
	font-weight:600;
	padding-bottom:2%;
}

@media(max-width:700px){
	.ColA{
		width:100%;
		float:none;
		margin-bottom:10%;
	}

	.ColB{
		width:100%;
		float:none;
		margin-bottom:10%;
	}

}


@media(max-width:450px){
	#contentA h2 {
		margin:10% 0;
	}
	
	.ColA{
		margin-bottom:20%;
	}
}

@media(max-width:335px){
	.ModVideoColA{
		max-width:100%;
	}
}


/*------------------------------------
	CONTACTO
------------------------------------*/

.baseContacto{
	background-color:#CDDC69;
	border-bottom:4px solid #30A8DD;
	padding-bottom:2%;
	font-size:0.9em;
	color:#3E5966;
}

#contentA h4 {
	font-size:1.5em;
	font-weight:normal;
	padding:5% 0;
	color:#4F6C66;
}


/*------------------------------------
	FORMULARIO
------------------------------------*/



form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

input {
	width:90%; 
	padding:5%;
	margin-bottom:1em;
	background-color:#FFF;
	font-size:1em; 
	color:#3E5C66;
	font-style:italic;

}

textarea {
	height:135px; 
	width:90%; 
	padding:5%;
	margin-bottom:0.3em; 
	background-color:#FFF;
	font-size:1em;
	color:#3E5C66;
	font-family:Tahoma, Geneva, sans-serif;
	font-style:italic;
}

input[type=submit] {
	color:#fff;
	font-size:1.2em;
	background-color:#30A8DD;
	text-align:center;
	padding:2%;
	width:100%;
	font-style:normal;
}

.mensajeOK {
	background: #34a677;
	color: #FFF;
	padding: 1em;
	text-align: center;
	margin-bottom: .5em;
	-webkit-transition: visibility 2s; /* For Safari 3.1 to 6.0 */
    transition: visibility 2s;
}
.mensajeError {
	background: #ffa6a6;
	color:  #FFF;
	text-align: center;
	margin-bottom: .5em;
}

/*------------------------------------
	FOOTER
------------------------------------*/

.ModRss{
	width:30%;
	float:left;
	margin:3% 0;
}

.ModCopyright{
	font-size:0.8em;
	text-align:right;
	width:70%;
	float:right;
	margin:3% 0;
	padding-top:1%;
}

.rrss{
	display:inline-block;
	vertical-align:middle;
}

@media(max-width:860px){
	.ModRss,.ModCopyright{
		float:none;
		width:100%;
	}
	
	.ModCopyright{
		font-size:0.8em;
		text-align:left;
		padding-top:0;
		margin:3% 0;
	}
	
	.ModRss{
		margin:3% 0 1% 0;
	}
	
}

@media(max-width:450px){
	.ModRss{
		margin:6% 0 1% 0;
	}
	
	.ModCopyright{
		margin:8% 0;
	}
}