@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	background: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}

/* =======================================
parte superior
==========================================*/
/*#supe{
	background: #0D0D0D;
	max-width: 100%;
	height: 58px;
	alignment: center;
	alignment-adjust: middle;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size:12px;
	font-weight:bold;
}
#supe table{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0em;
}

*/

#barr{
	    background: #666666;
		max-width: 70%;
		color: #fff;
		font-size:13px;
		font-weight:bold;
		alignment-adjust:middle;
		margin-left:auto;
		margin-right:auto;
}
#barr table{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0em;
}
#barr table tr td table tr td {
	text-align: right;
	color: #FFFFFF;
}


/*#spac{
	    background: #FECC00;
		max-width: 100%;
		height:3px;
		margin-left:auto;
		margin-right:auto;
}*/

/*#menu{
	    background: #E0E0E0;
		max-width: 100%;
		height:46px;
		margin-left:auto;
		margin-right:auto;
		margin-top: 1em;
		margin-bottom: 1em;
		font-size:12px;
		font-weight:bold;
		color: #000000;
		text-align:start;
		border-radius:8px 8px 8px 8px;
}*/

/*
#menu table tr td table .menu .menu {
	text-align: center;
}
*/
/*----------------------------------
--------------------------------------
------------------------------------------
/* ===================================
5. Section: Featured
==================================== */

#featured{
	width: 70%;
	background:#fcfcfc;
	position:relative;
	margin:0;
	padding:0;
}
#container{
	text-align: center;
}




/* ===================================
6. Sliders
==================================== */
/* --- flexslider --- */

#featured .flexslider {
	padding:0;
	margin: 50px 0 30px; 
	background: #fff; 
	position: relative; 
	zoom: 1;
}

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 0; width: 295px;}
.flex-caption h3 {color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase;}
.flex-caption p {margin: 0 0 15px;}

/*----------------------------------
--------------------------------------
------------------------------------------*/







/* =======================================
parte CONTENIDO
==========================================*/
#imag {
	background: #FFFFFF;
	max-width: 70%;
	height:35%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	text-align:center;
	border-radius:3px 3px 3px 3px;
}
img{
	max-width: 100%;
	text-align: right;
}

/* =======================================
parte CONTENIDO DOS
==========================================*/
#contenedor{
	    background: #000000;
		width: 100%;
        height: 90px;
		margin-left:auto;
		margin-right:auto;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(250, 200, 50, 0.65);
		-moz-box-shadow:    5px 5px 30px 0px rgba(250, 211, 50, 0.65);
		box-shadow:         5px 5px 30px 0px rgba(250, 211, 50, 0.65);
        text-align: center;
        font-size: 14px;
}
#contenedor #info aside table tr td table tr td {
	font-size: 18px;
}
#contenedor #info aside table tr td p {
	font-size: 12px;
	text-align: center;
}
#contenedor #info aside table tr td table tr td table tr td table tr td {
	font-size: 13px;
	text-align: center;
}
#contenedor #info aside table tr td table tr td table tr td table tr td table {
	color: #333333;
}
#contenedor #info #infotexto table tr td p {
	color: #333333;
	text-align: justify;
}
#contenedor #info aside table tr td table tr td table {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0em;
}	
#contenedor #info aside table tr td table tr td table tr td table tr td table tr td {
	color: #194377;
    
}
	
#info #infotexto, aside{
	display: inline-block;
	vertical-aling: top;
}

#infotexto{
	background: #FECC00;
	max-width: 100%;
	width: 46%;
	height:332px;
	text-align:jusify;
	color: #333333;
	font-size:13px;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	border-radius:8px 8px 8px 8px;
}

aside{
	background: #ffffff;
	max-width: 100%;
	width: 53%;
	height: auto;
	text-align:center;
	color: #333333;
	margin-left:auto;
	margin-right:auto;
}
#info #infotexto table{
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	text-align:justify;
}

#registrar table{
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	text-align:justify;
}

#registrar{
	background: #0078D7;
	width:84%;
	overflow:hidden;
	position:relative;
	border-radius:5px 5px 5px 5px;
	/*border:1px solid #92B1BD;
	;
	box-shadow:0 0 1px 1px #eee;*/
	margin:0 auto;
}






/* ======================================================
=================PARTE LINEA DE REDES====================
=========================================================*/
#line{
	background: #333333;
	max-width: 100%;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	alignment-adjust:middle;
	margin-left:auto;
	margin-right:auto;
}	
#line table{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0em;
}
#line table tr td table tr td {
	text-align: right;
	margin-top: 0em;
	color: #E9E9E9;
}



/* =======================================
parte MENU BAJOS
==========================================*/
#dato{
	background: #000000;
	max-width: 100%;
	color: #fff;
	alignment-adjust:middle;
	margin-left:auto;
	margin-right:auto;
}


	
#dato table{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	font-size: 11px;
	font-weight: bold;
}
#dato table tr td table {
	font-weight: normal;
}
#dato table tr td table tr td table {
	text-align: center;
}

/* =======================================
parte FINAL
==========================================*/
#fina{
	background: #fff;
	max-width: 100%;
	color: #000;
	alignment-adjust:middle;
	margin-left:auto;
	margin-right:auto;
}	
#fina table{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	font-size: 11px;
	font-weight: bold;
}
#fina table tr td {
	text-align: center;
	font-weight: normal;
}


/************PORGRAMACION*******************/






/******************************************/



/*===================================================================================================
Diferentes Resoluciones
=====================================================================================================*/
@media (min-width: 768px) and (max-width: 1280px){ 
; 	font-weight: bold;
}
 	#contenedor{
	   font-size: 14px;
}

@media(max-width:800px){
	#info #infotexto, aside{
		display: block;
	}
	
	#infotexto{
		width: 100%;
		height: 100%;
	}
	aside{
		width: 100%;
		height: 100%;
		margin-top:1em;
	}
	#barr{
	   	font-size:10px;
		font-weight:600;
	}
	
	#menu{
	 	font-size:10px;
		font-weight:500;
	}
	#prog{
		margin-top: 2em;;
	}
	#prog table tr td {
	text-align: left;
	color: #666;
	font-size: 12px;
	}
	#prog table tr td table tr td {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	}
	#infor #face, #notas{
	display: block;
	}
	#contenedor{
	   font-size: 10px;
    }
    
    
    #face{
		width: 100%;
		height: 100%;
	}
	#notas{
		width: 100%;
		height: 100%;
		margin-top:1em;
	}
}