@charset "UTF-8";
/* CSS Document */

font-family: 'Glegoo', serif;
font-family: 'Fauna One', serif;
font-family: 'Mate', serif;
font-family: 'Paprika', cursive;

font-family: 'Rouge Script', cursive;

/*html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, strong, ul, li, article, footer, header, nav, section
{
	
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}*/

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


body {
	width:100%;
	margin:0 auto;
	font-size: 95%;
	line-height: 110%;
	padding:0px;
	background:url(images/cabecera.png)  no-repeat;
	background-position: center top;
		font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;

}


#container {
	max-width:1100px;
	min-width:1000px;
	padding:5%;
	margin:0 auto;
	position:relative;
	
	overflow: hidden;
}


#contenido{
	margin:0 auto;
	max-width:96%;
	background:url(images/fondito.png) no-repeat 0 0;
	padding-left:50px;
	margin-left:-5px;	
	
}
/*#superior{
	margin:0% auto;
	background-color:#FFF;
}*/

.izquierda{
	width:30%;
   height:auto;
   padding-left:2%;
   float:left;
	border-left:thin;
	border-left-color:#999;
	border-left-style:dotted;
	margin-top:90px;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:90%;
	line-height:90%;
	font-weight:bold;

}

.izquierda a{
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:90%;
	text-decoration:none;
	color:#000000;
}
.izquierda a:hover{
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:90%;
	text-decoration:none;
	color:#A10D59;
}

.logo{
	width:20%;
	height:150px;
	margin:0px auto;
	}

.logo img{
    display: block;
	margin-left: auto;
	margin-right: auto 
		}
	
.derecha{
	width:30%;
	 height:auto;
    margin:-25px 0 0 0;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	float:right;
	text-align:right;
	color:#000;
	border-right:thin;
	border-right-color:#999;
	border-right-style:dotted;
	 padding-right:2%;
	}

.derecha ul{
	margin:0 auto;
	display:inline;
	list-style:none;
	}
.derecha ul li{
	margin-left:2px;
	margin-right:2px;
	padding-top:30px;
	height:100px;
	text-align:center;
	display:inline;
	list-style:none;
	text-align:center;
	}
	
.derecha ul li a{
color:#000000;
	font-weight:bold;

}

.derecha ul li a:hover{
color:#A10D59;
}

	
.rotador{
	margin-top:20px;
	width:100%;
	}
	
.sidebar{
	width:30%;
	background-color:#E8E1E5;
	float:right;
/*	margin-bottom:-10000px;
	padding-bottom:10000px;*/
	z-index:1000;

		}
.fila{
	width:95%;
	margin:0 auto;
	padding: 5% 0;
	border-bottom:dotted #CCCCCC;
	}
.redes{
	margin:0 auto;
	
	}
.redes img{
	max-width:9%;
	margin:2% auto;
	}
.redes ul{
	margin:0 auto;
	display:inline;
	list-style:none;
	margin-right:5px;
	
	}
.redes ul li{
	padding-top:30px;
	height:120px;
	text-align:center;
	display:inline;
	list-style:none;
	text-align:center;
	
	padding-left:7px;
	padding-right:7px;
	
	}
.direccion{
	width:100%;
	margin:0 auto;
		overflow:hidden;
	}
.direccion p{
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:83%;
	padding:0 5%;
	text-align:center;
	}
	
.direccion img{
	margin:0 auto;
	text-align:center;
	}	


h1{
	padding-top:0px;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:140%;
	line-height:160%;
	text-align:left;
	}

h2{
	padding-top:0px;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:130%;
	line-height:150%;
	text-align:center;
	}
label {
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:95%;
    display:block;
    margin-top:5px;
	color:#000;
	padding-bottom:1%;
	padding-left:6%;
}
.formulario {
    width:100%;
    color: #666666;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:95%;
	float:left;
}
form {
    width:100%;
}
 
input, textarea {
		font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:80%;
    background:#FFF;
    padding:10px;
    font-size:90%;
    color:#999;
	margin-left:6%;
}
 
textarea {
    height:150px;
}
 
#submit {
	margin-top:20px;
	width:35%;
	background-color:#A10D59;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    display:inline-block;
    color:#fff;
    font-family:arial;
    font-size:12px;
    padding:5px 10px;
    text-decoration:none;
	font-weight:bold;
}

#submit:hover {
   
    background-color:#d1d1d1;
}
#submit:active {
    position:relative;
    top:1px;
}
.content{
	max-width:70%;
	padding-left:0%;
	margin-left:0px;
	float:left;
	background:url(images/fondito.png) repeat-y 0 0;
	}
	
.filaPRINCIPAL{
	width:65%;
	border-bottom:dotted #CCCCCC;
	padding-top:20px;
	padding-bottom:20px;
	
	
	}
	
.filaFINAL{
	width:65%;
	padding-top:20px;
	padding-bottom:100px;
	height: auto;
	}
	
.titulo{
font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:160%;
	width:100%;
	padding-bottom:0;
	padding-top:5%;
	}
	

.noticia {
	width:150%;
	margin-bottom:0;
	padding-bottom:20px;
	overflow:hidden;
	
	}

.noticia img{
	float:left;
	max-width:30%;
	padding-top:10px;
		}
.noticia p{
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:90%;
	float:left;
	text-align:left;
	margin-left:3%;
	max-width:37%;
	}

footer{
	width:100%;
	clear:both;
	background:url(images/pie.png) no-repeat;
	height:150px;
margin: -150px auto 0;
background-position: center bottom;
z-index:-1000;
overflow:hidden;
	}
	
	.Button {
  	background-color:#A10D59;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    display:inline-block;
    color:#fff;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:0px 10px;
    text-decoration:none;
}
.Button:hover {
   
    background-color:#d1d1d1;
}
.Button:active {
    position:relative;
    top:1px;
}



 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	width:100%;
	height:50px;
	margin:0 auto;
	text-align:center;
    padding-top:20px;
	clear:both;
        font-weight: strong;
	color: #333;
	bottom:0px;
	position:fixed;
	left: 0px;
	background-color: #FFF;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	transition: bottom 1s;
	-webkit-transition:bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index:999999999;
}
.cookiesms:a{

color:#000;
text-decoration:underline;

}
 
.cookiesms a:hover{
bottom:0px;
color:#A10D59;

}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:4%; 
top:-30px;
font-size:15px;
height:20px;
padding-left:25px;
padding-top:10px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */