body{
    background: url(fondocebra.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* INDEX */

/* CONTACTO */

.titulo-aviso{font-family: 'Pinyon Script', cursive; font-weight: 100; font-size: 59px;text-align: center;}
.aviso{font-family: 'Lateef', cursive; font-weight: 100; font-size: 45px;text-align: center;color: #5B400A;}
.negrita{font-weight: bold;}

/* CEBRA */
#cebra{width:100%;height:196px;margin-top:0px;}
#cebra_animada {
background-image: url(images/cebratrans.png);
height: 183px;
position: relative;
width: 250px;
-webkit-animation:gira 3s alternate infinite;
}

@-webkit-keyframes gira 
{
0% {top: 0px; left: 600px;-webkit-transform: rotate(0deg);}
50% {top: 0px; left: 100px; -webkit-transform: rotate(20deg);}
100% {top: 0px; left:600px; -webkit-transform: rotate(0deg);}
}

/* INCIO */


#nav_top{
	height:60px;
	width:100%;
	background-color:black;
	position:fixed;
	top:0px;
	z-index:999;
	padding-top:0px;

	}
	
#contenedor_nav{
	height:60px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-image: url('images/bgnav.png');
	}
	#linksnav{width:650px;height:30px;float:right;margin-top:22px;}
	.navlinktxt{font-family:times new roman;font-size:15px;color:white;margin-right:50px;text-decoration:none;}
	.navlinktxt:hover{color:orange;}
	
	.navlinktxt_active{font-family:times new roman;font-size:15px;color:orange;margin-right:50px;text-decoration:underline;}
	

#cuerpo{width:920px;height:100%;margin-left:auto;margin-right:auto;margin-top: 70px;padding-bottom:70px;}

#nombre_maria{height:64px;width:920px;background-image:url('images/nombremaria-01.png');margin-top:100px;}

#pinturas{width:648px;height:200px;margin-left:auto;margin-right:auto;margin-top:20px;}
.pinturaa{margin-left:0px;border:6px solid white;}
.pinturab{margin-left:20px;border:6px solid white;}
.pinturac{margin-left:20px;border:6px solid white;}
.pinturad{margin-left:20px;border:6px solid white;}


/* FIN INDEX */



/* BIOGRAFIA */




.secciones {
    background: url(images/bgsecc.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#nav_top_secciones{
	opacity:.7;
	height:70px;
	width:100%;
	background-image: url('images/bgnavsecc.png');
	position:fixed;
	top:0px;
	z-index:999;
	padding-top:0px;

	}
	
#contenedor_nav_secciones{
	height:60px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-image: url('images/bgnav_secciones.png');
	}
	#linksnav_secciones{width:650px;height:30px;float:right;margin-top:22px;}
	.navlinktxt_secciones{font-family:times new roman;font-size:15px;color:gray;margin-right:50px;text-decoration:none;}
	.navlinktxt_secciones:hover{color:#F7931E;}
	
	.navlinktxt_active_secciones{font-family:times new roman;font-size:15px;color:#F7931E;margin-right:50px;text-decoration:underline;}
	

#linea{width:570px;height:20px;border-top:solid 2px #BFBFBF;margin-left:auto;margin-right:auto;}

#titulo_seccion{width:950px;height:auto;margin-left:auto;margin-right:auto;}
.titulo{font-family:times new roman;font-size:25px;color:gray;text-align:center;}
#fotos_circulos{width:745px;height:168px;margin-left:auto;margin-right:auto;margin-top:20px;}

#parrafo_biografia{width:850px;height:auto;margin-top:30px;margin-left:auto;margin-right:auto;}
.biografia_texto:first-letter{font-size:200%;}
.biografia_texto{font-family:times new roman;font-size:18px;color:#606060;text-align:center;line-height:22px;}



/* GALERIA */

#galeria{width:869px;height:830px;margin-left:auto;margin-right:auto;margin-top:30px;}

.foto1{border-radius:15px;height:200px;width:200px;background:orange;float:left;margin-left:20px;margin-top:10px;}
.foto2{border-radius:15px;height:200px;width:200px;background:orange;float:left;margin-top:10px;}

.fadeout img:hover{opacity:.7;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}

  
.foto1a{border-radius:15px;height:200px;width:200px;background:orange;float:left;margin-left:20px;margin-top:0px;}
.foto2a{border-radius:15px;height:200px;width:200px;background:orange;float:left;margin-top:0px;}


/* EXPO */

#parrafo_expo{width:869px;height:auto;margin-left:auto;margin-right:auto;margin-top:30px; }

.expo_det1{margin-top:0px;}
.expo_det{margin-top:40px;margin-bottom:10px;border-bottom:2px dotted #E0E0E0;}

.titulo_expo{font-family:times new roman;font-size:20px;color:#6B6B6B;font-weight:bold;text-transform:uppercase;}
.det{font-family:times new roman;font-size:14px;color:#7C7C7C;margin-top:10px;}

/* CONTACTO */

#contactoseccion{width:960px;height:470px;margin-left:auto;margin-right:auto;background-image:url('images/fondosl.png')}

label p{
    color: gray;
    text-decoration: none;
    display:block;
    margin:5px 0;
    font-size:1.25em;
	font-family:times new roman;
}
 
#contactform{
    width: 500px;
    margin-top:30px;
	margin-left:10px;
    overflow: hidden;
	float:left;
}
 
.c_input{
    padding: 3px;
    width: 450px;
    outline:1px solid white;
}
 
#c_form{
    margin: 25px;
    width: 90%;
}
 
#c_form textarea {
    outline:1px solid white;
}
 
.c_input, #c_form textarea{
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 4px;
}
 
input:focus, textarea:focus{
    outline: none;
}
 
::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style:italic; } /* ie */
input:-moz-placeholder { font-style:italic; }
 
#c_form textarea{
    min-height: 150px;
    resize: none;
    width: 100%;
}
 
#c_enviar{
    padding: 4px;
    font-size: 18px;
    font-family: times new roman;
}
 
#bottom_container{
    overflow: hidden;
}
 
#c_information{
    width: 100%;
    background: #FF7300;
    padding: 4px 0 4px 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: times new roman;

}
 
.c_error{
    color: #D64242;
    font-size: 12px;
    margin-left: 5px;
    font-family: times new roman;
	
}
.hide{
display:none;
}
 
 
 
/*------------------------Boton enviar------------------------*/
 
.btn-b {
    width:100%;
    padding: 5px;
    color: #111111;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 -1px 1px #3275BC;
    background: #FF9700;
    padding: 5px;
    background: gray;
    cursor: pointer;
}
 
.btn-b:hover {
    background: gray;
     
}
 
.btn-b:hover {
    text-decoration: none;
}
 
.btn-b:active {    
    background: gray;
}

#contactosnumeros{width:25%;float:left;margin-top:40px;margin-left:0px;}
.textonumeros{font-family:times new roman;font-size:28px;color:#B7B7B7;font-weight:lighter;margin-top:20px;}
.logoform{margin-left:40px;width:303px;height:202px;}


/* FOOTER */

#footer{width:100%;height:30px;background-color:black;padding-top:4px;position:fixed;bottom:0px;}
#footercentrado{width:920px;height:auto;margin-left:auto;margin-right:auto;}
.footer{font-family:times new roman;font-size:14px;font-weight:lighter;color:white;text-align:center;letter-spacing:2px;}
.footer span{ font-size:11px;color:orange;letter-spacing:2px;}
.footer a {color:white;}

@media (max-width: 800px)
{#contactosnumeros{width:100%}