/*reseteo universal*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}article,figcaption,figure,footer,header,hgroup,nav,section{
	display: block;
	text-align: center;
}
body{
	background: #FFFFFF url(../img/fondo.jpg);
	color: #039;
	font-family: geneva, Helvetica, Verdana, Arial;
	font-size: 1em;
	font-weight: bold;
}
a{
	color:#003366;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #FC7C3D;
}
header,section#contenido,footer{
	background: #52bad5;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
}
header h1,nav{
	display: inline-block;
	max-width: 100%;
	vertical-align: left;
}

 ul.menu{
display: inline-block;
white-space:nowrap; }

 ul.menu ul {
display: none;}

 ul.menu >li:hover> ul {
display: block;
position: absolute;
top:100%
left: 0;
}
ul.menu ul li:hover > ul {
display: block;
position: absolute;
top: 100%;
left:-10;
derecha:60%;
abajo: auto;
}

ul.menu ul li{
float: left;
width:55%;
padding right: 15px;}
nav ul{
	list-style: none;
}
nav li{
	display: inline-block;
	padding: 0.1em;
	vertical-align: top;
}
nav a{
	background: #FFF;
	border: 0.1em solid #FC7C3D;
	border-radius: 0.25em;
	box-shadow: 0 0 10px 0.5px;
	color:#003366;
	 display: block; 
	font-family: Helvetica, Verdana;
	font-size: 1.2em;
	padding: 0.2em;
	-webkit-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
}
nav a:hover{
	background: #FC7C3D;
	border: 0.1em solid;
	border-radius: 0.25em;
	color: #fff;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	
}
figcaption{
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;	
}





h2,h3{
	color: #003366;
	font-family: Arial, Helvetica, Verdana;
}
h3{
	background: #e2e7f1;
	border-radius: 1em;
	box-shadow: 0.25em 0.25em rgba(255,153,0,0.5);
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}
hr{
	border:1px dashed #212121;
	margin: 1em 0;
}

audio,iframe,img,video{
	max-width: 100%;
	
	text-align: left;
	
}
#contenido #multimedia-CienciaCeleste #video {
}

#doctrina1 p .rollos {
}
#doctrina1 p .rollos {
}
#doctrina1 p .rollos {
	text-decoration: underline;
	text-align: center;

}




section#principal,aside{
	background: #003366;
	border-radius: 0.5em;
	box-shadow: 0 0 10px 0.5px;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 0.25em;
	max-width: 100%;
	padding: 0.25em;
	vertical-align: top;
	width: 65%;
}
article#slider{
	border-radius: 0.5em;
	margin: 0.5em;
	padding: 0.5em;
	text-align: left;
	width: 95%;

}
aside{
	width: 30%;

}
section#doctrina-general{
	margin: 0 auto;
	width: 100%;
	}
article#doctrina1,article#doctrina2,article#doctrina3{
	background: #f1f1f1;
	border: 0.3em solid #FC7C3D;
	border-radius: 0.5em;
	max-width: 90%;
	min-height: 300px;
	padding: 0.5em;;
	text-align: justify;
	width: 55%;
	color: #003366;
	display: inline-block;
	margin-bottom: 0.25em;
}
article#doctrina1,article#doctrina2,article#doctrina3{
	width: 30.55%;
	vertical-align: top;
	text-align: center;
	color: #14299A;
}
footer{
	background: #003366;
	color: #FFF;
	font-size: 0.85em;
	padding: 0.75em 0;
}
div#leermas{
	
	margin-top: 1em;
	text-align: right;
}
.enviar{
	background: #104296;;
	border-radius: 0.25em;
	border:0.1em solid #ce0027;
	color: #FFF;
	font-family: "calibri";
	font-size: 1.20em;
	margin-top: 5em;
	padding: 0.25em;
	-webkit-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
	
}
.enviar:hover{
	background: #FC7C3D;
	border-radius: 0.25em;
	color: #F4EEEE;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	}
#doctrina3 #leermas .enviar {
}

	
article#descripcion-CienciaCeleste,article#multimedia-CienciaCeleste {
	background: #f1f1f1;
	border-radius: 0.5em;
	color: #14299A;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 0.5em;
	max-width: 100%;
	min-height: 543px;
	padding: 0.5em;
	vertical-align: top;
	width: 70%;
	text-align: justify;
}
article#multimedia-CienciaCeleste{
	text-align: center;
	width: 25%;
	color: #14299A;
}



section#rollosdelcordero{
	box-shadow: rgba(200,200,200,0.1) 0px 5px 30px inset;
	margin: auto;
	padding: 0.3em;
	width: 100%;

}
section#rollosdelcordero section{
	background: #f1f1f1;
	border-radius: 0.5em;
	display: inline-block;
	color: #212121;
	vertical-align: top;
}

#rollosdelcordero #rollos{
	margin: 40;
	padding: 25;
	width: 85%;
	Justify-content: center;
}
#rollosdelcordero #rollos article{
	background: #EAAE4E;
	border-radius: 0.3em;
	cursor: pointer;
	display: inline-block;
	font-size: 0.7em;
	height: 375px;
	margin: 0.8% 0% 0% 1%;
	padding: 0.8em 0;
	vertical-align: top;
	transition:all 1s linear;
	width: 30%;
}
#rollosdelcordero #rollos article:hover{
	background: #FFF !important;
	-webkit-transform:scale(1.2) rotate(-365deg);
	transform:scale(1.2) rotate(-365deg);
}
#rollosdelcordero #rollos article:nth-child(even){
	background: #FC7C3D;
}




#contenido #descripcion-CienciaCeleste p {
}
#contenido #descripcion-CienciaCeleste p {
}


.wrap{
	width: 1100px;
	margin: 1px auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tarjeta-wrap{
	margin: 10px;
	-webkit-perspective: 800;
	perspective: 800;
}

.tarjeta{
	width: 442px;
	height: 500px;
	background: #F29720;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: .7s ease;
	transition: .7s ease;
	-webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);
	box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);

}

.adelante, .atras{
	width: 432px;
	height: 512px;
	position: absolute;
	top: 1849px;
	left: 6px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: visible;
}

.adelante{
	width: 453px;
}

.atras{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	padding: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: justify;
	color: #fff;
	font-family: "open sans";
	font-weight: normal;
}

.tarjeta-wrap:hover .tarjeta{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.card1{
	background-image: url(img/1puvlica_fiel.jpg);
	background-size: cover;
}

.card2{
	background-image: url(img/2f.jpg);
	background-size: cover;
}

.card3{
	background-image: url(img/33f.jpg);
	background-size: cover;
}
body div table tr td div {
	font-weight: bold;
}
.Estilo1 strong {
	text-align: center;
}
body table tr th p {
	text-align: justify;
	font-weight: normal;
}
.Estilo1 center table tr th {
	font-weight: normal;
}
.Estilo1 {
	font-weight: bold;
}




/*Media query son codicionales dentro css*/
/*Ancho minimo de 1081*/
@media screen and (min-width: 1081px){
	header h1{
		text-align: left;
		width: 35%; }
	nav{
		text-align: right;
		width: 60%; } }

/*Ancho maximo de 1080*/
@media screen and (max-width: 1080px){
	nav li{
		font-size: 1.3em;	}
	
article#slider{
		width: 90%;	}
	aside{
		width: 20%; }
	
article#descripcion-CienciaCeleste,article#multimedia-CienciaCeleste{
	width: 90%;
	font-weight: normal;
}

article#autorr,#img-autor,article#doctrina-general{
		width: 45%; }
article#doctrina1,article#doctrina2,article#doctrina3{
		width: 30%; } }

/*Ancho maximo de 800*/
@media screen and (max-width: 800px){
	nav li{
		font-size: 0.95em;  }
	
	article#slider{
		width:88%;  }
	#img- autorr,article#nuestras-doctrinas,article#doctrina1{
		display: block;
		margin: 0 0 0.25em 0;
		width: 95%; }
	#img- autorr{
		width: 98%; }
	article#doctrina2, article#doctrina3{
		width: 45%; }

/*Ancho minimo de 600*/
@media screen and (max-width: 600px){
	nav li{
		display: inline-block;
		margin: 0;
		width: 98%; }
	section#principal,article#doctrina2{
		margin-bottom: 0.2em; 	}
	section#principal,aside,article# autorr,article#doctrina2,article#doctrina3{
		display: block;
		width: 95%; }
	#img- autor{
		display: none;
	}
}