/*
	Theme Name: Modalidad No Escolarizada
	Theme URI: http://www.modalidaddistancia.escasto.ipn.mx
	Description: ESCA Santo Tomás Tema Modalidad no Escolarizada
	Version: 2.2
	Author: DG Norma Sanchez - DW Michael Espinosa
	Tags: escuela, IPN, ESCA
	License: MIT
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; }
/* html element 62.5% font-size for REM use */
html { font-size:62.5%; }
body { font:300 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#444; background: #f9f9f9; }
/* clear */
.clear:before,.clear:after { content:' '; display:table;}
.clear:after { clear:both; }
.clear { *zoom:1; }
img { max-width:100%; vertical-align:bottom; }
a { color:#444; text-decoration:none; }
a:hover {  color:#444; }
a:focus { outline:0; }
a:hover, a:active { outline:0; }
input:focus { outline:0; border:1px solid #04A4CC; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper { max-width:1024px; width:95%; margin:0 auto; padding-top:1%;  }
/* header */ 
.header {float: left;height: 100%; width: 100%; max-width: 100%; }
.header2 {float:left; height:100%; width:100%; max-width: 100%;}
/* logo */
.logo {  float: left;   width:38%; }
.rotative {float: left; width:62%; padding: 0 0 -5px 0; }
/* nav */ 
.nav { float: left; width: 100%; background:#c3cd81; text-transform: uppercase; height:65px; }	
.nav ul { list-style:none; padding:0;  } 
.nav li { float:left;display:block; width:16.6%; text-align:center;  padding:1% .5%;}
.nav li a {color:#4a3d17; font-weight:bold; }
.nav li ul { position: absolute;display: none;z-index: 999;color:#fff;} 
.nav li:hover ul{ display:block; margin:5px 0; padding:1px 0;} 
.nav li ul li{ clear:both; border-style:none; border-left: 1px solid #4a3d17; text-align:left; padding-left:5px; font-size:12px; margin:1px 0 1px 10px; width:180px; background:#f2f2f2; font-size:13px; }
.nav li ul li:hover a {color:#fff;}
.nav li ul li:hover { background:#3e4954; color:#fff;}
.nav-sep {border-right: 2px solid #4a3d17; float:left; height:40px;} 
/* principal */
.principal { float:left; width:75%; margin-top:15px; }
	.principal a img {  -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888;}
/* sidebar */
.sidebar { float:left; width:25%;}
/* barra noticias de*/
.noticias { float:left; width:100%; font-size:14px;}
	.noticias h1 {color:#808080; background:#ededed; width:70%; padding-left:1.5%;}
		.acade,.servi { float:left; width:48%; background:#c3cd81; margin:0 1%;}
		.acade h1,.servi h1 { color: #5c6b54; font-size: 14px; text-align: left; background: #fff;  font-weight: bold; height:20px; width:98%;
		-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px;  -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
		.acade-box { float:left; width:95%; background:#fff; margin:1% 3%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
			.acade-box li { padding-left:1%; list-style: disc inside;}
			.acade-box span { font-size:11px;}
				.acade-news-img { width:25%; float:left; padding:1% 2%;}
				.acade-news-txt { width:75%; float:left; text-align:right; padding:1% 2%;}
		.servi {}
		.servi-box { float:left; width:95%; background:#fff; margin:1% 3%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
			.servi-box li { padding-left:1%; list-style: disc inside;}
			.servi-box span { font-size:11px;}
		
/* footer */
.footer { float:left; width: 100%; }
.footer p { font-size: 9px; text-align: center;}
.search-bar {margin-top:15px; background: #560030; padding: 7px 0 10px 10%; }
.search-input { max-width:65%;}
.search-submit { background: none; border:none; max-width:100%;}
.social { margin-top:5px; background: #560030; width: 100%; }
	.social img { border:none;}
	.social ul { background: #560030;float: left; width: 100%;}
	.social li {display:inline; padding:0 9px;}
.goto {margin:5px 0; background:#5c6c57;float: left; width: 100%; text-align:center;  font-size: 13px;}
	.goto h2 { color: #5c6b54; font-size: 14px; text-align: left; background: #fff; margin: 5px 5px; padding: 3px 5px; font-weight: bold;}
	.goto ul {margin:0 5px 0 -35px;text-transform: uppercase; }
	.goto li { list-style: none;  padding: 12px 0; }
	.goto li a { display: block; color:#fff; border-bottom: 2px solid #fff; text-shadow: 1px 1px 1px #333333; }
	.goto li a:hover { border-bottom: 2px solid #c3cd81;}
.comunicate {margin-top:10px; background:#c3cd81;float: left; width: 100%; text-align:center; font-size: 12px;}
	.comunicate h2 { color: #5c6b54; font-size: 14px; text-align: left; background: #fff; margin: 5px 5px; padding: 3px 5px; font-weight: bold;}
	.comunicate ul {margin:0 5px 0 -35px; text-transform: uppercase;}
	.comunicate li { list-style: none;  padding: 12px 10px; }
	.comunicate li a { display: block; color:#4a3d17;    }
	.comunicate li a:hover {}
	.comunicate h3 { color: #5c6b54; font-size: 14px; text-align: left; background: #fff; margin: 5px 5px; padding: 3px 5px; font-weight: bold;}


/*------------------------------------*\
    PAGES
\*------------------------------------*/
.pages {background:#fff;float:left; width:75%; margin-top:15px;}
.pages h1 {color:#808080; background:#ededed; width:98.5%; padding-left:1.5%;}
.pages-content { padding:0 2%; font-size:14px;}
	.pages-content p, .pages-content li { }
	
		.pages-date { float:left; width:50%; padding:1% 2%;}
		.pages-morenews {float:left; width:50%; text-align:right; padding:1% 2%;}
		.pages-autor {background:#ededed; width:98.5%; padding-left:1.5%; float:left;}
		.pages-autor p {color:#000; }
		
	.pages-comments { background:url(img/icons/idea-opinion.png) no-repeat top center; float:left; 
	width:100%; padding:0 0 0 30%; margin-top:1%; height:65px; }
	.pages-comments p a{ color:#fff; }
	.pages-leavecomments {float:left; width:100%;}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {font-family:'Font-Name'; src:url('fonts/font-name.eot'); src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'), url('fonts/font-name.woff') format('woff'), url('fonts/font-name.ttf') format('truetype'), url('fonts/font-name.svg#font-name') format('svg');  font-weight:normal;  font-style:normal; }
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {}
@media only screen and (min-width:480px) {}
@media only screen and (min-width:768px) {}
@media only screen and (min-width:1024px) {}
@media only screen and (min-width:1140px) {}
@media only screen and (min-width:1280px) {}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection { background:#04A4CC; color:#FFF; text-shadow:none; }
::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; }
::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; }

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone { margin:5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; }
.alignright { float:right; margin:5px 0 20px 20px; }
.alignleft { float:left; margin:5px 20px 20px 0; }
a img.alignright { float:right; margin:5px 0 20px 20px; }
a img.alignnone { margin:5px 20px 20px 0; }
a img.alignleft { float:left; margin:5px 20px 20px 0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; }
.wp-caption.alignnone { margin:5px 20px 20px 0; }
.wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px;  margin:0; padding:0 4px 5px; }
.sticky { }
.bypostauthor { }


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {	background:transparent !important; 	color:#000 !important; 	box-shadow:none !important; text-shadow:none !important; }
	a, a:visited { text-decoration:underline; }
	a[href]:after { content:" (" attr(href) ")"; }
	abbr[title]:after { content:" (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	pre,blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; }
	tr,img { page-break-inside:avoid; }
	img { max-width:100% !important; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3;	widows:3;}
	h2, h3 { page-break-after:avoid; }
}

@media screen and (max-width: 800px) {  
    .nav { height: auto; }  
    .nav ul { width: 100%; display: block; height: auto; }  
    .nav li { width: 50%; float: left; position: relative; }  
    .nav li a { border-bottom: 1px solid #576979; border-right: 1px solid #576979; }  
   .nav a { text-align: left; width: 100%; text-indent: 25px; }  
}

@media screen and (max-width: 800px) {
    .acade,.servi { float:left; width:100%; background:#c3cd81; margin:0 1%;}
    .principal { float:left; width:100%; margin-top:15px; }
    .sidebar { float:left; width:100%;}