@charset "utf-8";
body {
	background-image:url(../imagen/bg.png);
}

.fadein, .cabecera
{
    position: relative;
    width:100%;
	height:200px;
	
	/*
	height: 332px;
    width: 500px;*/	
}
.fadein img { position:absolute; left:0; top:0; width:100%; height:auto; max-width:1280px; }


h1
{
	font-family: 'Russo One', sans-serif;
	text-align:center
}


.campo_titulo_contenido
{
	background-image:url(../imagen/fondomenus.png);
	background-repeat:no-repeat;
	background-size: cover;
	padding:3px;
	
}

.titulo_contenido
{
	font-family: 'Russo One', sans-serif;
	color:#FFF;
	font-size:130%;	
}
.contenido
{
background-image:url(../imagen/marcaagua.png);
background-repeat:no-repeat;
background-position:center;	
}

.campo_texto_contenido
{
	float:left;
	width:48%;
	text-align:justify;
	
	
}
.texto_contenido
{
	font-family: 'Anton', sans-serif;
	padding:10px;
	font-size:100%;	
	
}



.imagen_contenido
{
	float:left;
	width:48%;
}

.imagen_contenido img
{
	width:100%;
}


/*
.titulo_texto
{
	font-family:'Anton', sans-serif;
	font-size:168%;	
}
.texto
{
	font-family:'Anton', sans-serif;
	font-size:138%;
}
*/

.cuerpo
{
	border:0px #000000 solid;
	width:100%;
	max-width:1280px;
	border-radius: 10px;
	margin:auto;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,156,156,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(230,156,156,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,156,156,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,156,156,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,156,156,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,156,156,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e69c9c', GradientType=0 );
	
	-webkit-box-shadow: 10px 9px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 9px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 9px 5px 0px rgba(0,0,0,0.75);	
}

.titulo
{
	border:1px #CCCCCC solid;
	width:80%;
	margin:auto; 

}


.menu_lateral
{
	float:left; 
	border:0px #000000 dashed;
	width:100%;
	height:100%;
	position:relative;
	/*max-width:1024px;*/
	background-image:url(../imagen/fondomenus.png);
	background-repeat:no-repeat;
	background-size: cover;	
}

.menu_lateral .botones
{
	width:200px;
	font-family: 'Reem Kufi', sans-serif;
	height:20px;
	padding:5px;
	border:0px #000000 solid;
	text-align:center;
	float:left;
	color:#dbe0fc;
	
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	
	/**** degradado **/
	/*
	background: rgb(32, 50, 230);
	background: -moz-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(101, 223, 255) 90%);
	background: -webkit-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(101, 223, 255) 90%);
	background: -o-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(101, 223, 255) 90%);
	background: -ms-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(101, 223, 255) 90%);
	background: linear-gradient(358deg, rgb(32, 50, 230) 28%, rgb(101, 223, 255) 90%);
	*/
	
	background: rgba(255,115,127,1);
	background: -moz-linear-gradient(top, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,115,127,1)), color-stop(59%, rgba(230,49,64,1)), color-stop(100%, rgba(191,4,16,1)));
	background: -webkit-linear-gradient(top, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: -o-linear-gradient(top, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: linear-gradient(to bottom, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff737f', endColorstr='#bf0410', GradientType=0 );		
}

.menu_lateral .botones:hover
{
	cursor:pointer;
	
	/*
	background: rgb(32, 50, 230);
	background: -moz-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(39, 255, 255) 90%);
	background: -webkit-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(39, 255, 255) 90%);
	background: -o-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(39, 255, 255) 90%);
	background: -ms-linear-gradient(268deg, rgb(32, 50, 230) 28%, rgb(39, 255, 255) 90%);
	background: linear-gradient(358deg, rgb(32, 50, 230) 28%, rgb(39, 255, 255) 90%);
	*/
	
	background: rgba(255,115,127,1);
	background: -moz-linear-gradient(45deg, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,115,127,1)), color-stop(59%, rgba(230,49,64,1)), color-stop(100%, rgba(191,4,16,1)));
	background: -webkit-linear-gradient(45deg, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: -o-linear-gradient(45deg, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	background: linear-gradient(45deg, rgba(255,115,127,1) 0%, rgba(230,49,64,1) 59%, rgba(191,4,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff737f', endColorstr='#bf0410', GradientType=1 );
	
	
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	border-radius: 15px;		
    color: white;
	
}

.menu_lateral .botones a:link
{
	color:#dbe0fc;
	text-decoration:none;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.menu_lateral .botones a:hover
{
	color: white;
}

.menu_lateral .botones a:visited
{
	color:#dbe0fc;
	text-decoration:none;
}

.menu_lateral .botones a:hover
{
	color: white;
}


.pie
{
	background-color:#bf0411;	
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 0px solid #000000;
	font-family:'Anton', sans-serif;
	font-size:138%;
	color:#FFFFFF;
	text-align:center
}


@media screen and (max-width: 800px)
{
	.cabecera
	{
		height:100px;	
	}
}