@charset "UTF-8";
/* CSS Document */

@import url("reset.css");


/*
Creation date: 18.03.2009
Theme Name: Serie Encuentro
Theme Url: http://www.sm-ediciones.com.mx
Author: Alejandra Montemayor 
Author URI: http://www.rubikmedia.com
Email: alejandra@rubikmedia.com

*/

/* >>>>>>>>> COLOR PALETTE  <<<<<<<<<<<<<< */


	/* T E X T :
	
	black: #000000;
	
	 */
	
	
	/* M E N U : 
	
	orange:#FF0000;
	blue:#1468AE;
	green: #A6C439;
	dark-yellow: #D57221;
	pink: #AC448D;
	dark-orange: #C7361D
	
	
	*/
	



/* >>>>>>>>> HTML ELEMENTS <<<<<<<<<<<<<< */

body {
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
	border-top:2px solid #FF0000;
	background-image:url(images/fondo.gif);
}

h1 {font-size:22px;
	text-align:left;
	margin:15px 0;
	font-family:"Arial Narrow Bold", "Franklin Gothic Medium", "News Gothic MT";
	line-height:23px;}

h3 {
font-size:16px;
line-height:20px;}

h4 {
	font-size:16px;
color:#1468AE;}

a,  a:link {
	font-weight: bold;
	text-decoration: none;
}
a:visited {
 
}
a:hover {
  text-decoration: underline;
}
a:focus {
  
}
a:active {
  
}

hr {
border:1px dotted  #BFCCDE;}

/* >>>>>>>>> LAYOUT <<<<<<<<<<<<<< */

#navTabs {
	font-size:12px;
	width: 946px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding: 0px;
	background-color: #FFFFFF;
	padding-left: 10px;
	}
#navTabs ul {
	float: left;
}



	 #navTabs ul li  {
	display:block;
	background-image:url(../images/bg_navTab.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:5px;
	height:25px;
	width:114px;
	text-align: center;
	padding: 0px;
	}
	
	
	
	#navTabs ul li a {
	color:#FFFFFF;
	text-decoration:none;
	

	}
	
	
		
#container {
	width:946px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;

}

#container #logo {
	text-align:right;
	clear: both;
	padding-top: 15px;
	padding-right:95px;
}

#container #header {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
	padding-left: 10px;


}

#container #header #headerTitle{
	margin-top: 15px;

}

#container #columnTop {
	width:900px;
	text-align:right;
	/*background-image:url(../images/bg_colTop.gif);
	background-position:500;
	background-repeat:no-repeat;*/
	margin-top:20px;
	
	}

#container #contentWrapper {
	width:946px;
	margin-top:10px;
	clear: both;
	display: block;
	padding-left: 10px;
	
	}
	
	
#container #contentWrapper #leftCol {
	float:left;
	width:605px;
	margin-right:25px;
	height: auto;
}
	
	#container #menu {
	width:946px;
	clear: both;
	height: 40px;
	padding-left: 10px;
}

	
	
#container #menu ul li  {
	/*display:block;
	float:left;*/
	margin-right:15px;
	height:20px;
	text-transform: uppercase;
	text-align:left;
	font-family:"Arial Narrow", "Franklin Gothic Medium", "News Gothic MT";
	font-size:14px;
	line-height:14px;
	float: left;
	}
	
	
	
/*#container #menu ul li a {
	
	color:#350;
	
	}*/
	
	
	#container #menu ul li.serieEncuentro a {
		
	
	color:#A6C439;
	
	}
	
	
	#container #menu ul li.manualReforma a {
	
	color:#1468AE;
	
	}
	
	
	#container #menu ul li.apoyosDidacticos a {
	
	color:#D57221;
	
	}
	
	
	
	#container #menu ul li.foro a {
	
	color:#C7361D;
	
	}
	
	
	#container #menu ul li.referenciaRieb a {
	
	color:#AC448D;
	
	}
	
	
	
	
	
#container #menu ul li a:hover {
	/*display:block;
	float:left;*/
	color:#666666;
	text-decoration:none;
	
	}
	
	
#container #menu ul li.serieEncuentro a:hover {
	/*display:block;
	float:left;*/
	color:#666666;
	text-decoration:none;
	
	
	}
	
	
	#container #menu ul li.apoyosDidacticos a:hover {
	
	color:#666666;
	
	}
	
	
	#container #menu ul li.foro a:hover {
	
	color:#666666;
	
	}
	
	
	
	
	#container #menu ul li.manualReforma a:hover {
	/*display:block;
	float:left;*/
	color:#666666;
	text-decoration:none;
	
	
	}
	
	
	#container #menu ul li.referenciaRieb a:hover {
	
	color:#666666;
	
	}
	
	
	
	
	
#container #contentWrapper #leftCol #mainImage {
	width:608px;
	/*background-image:url(../images/bg_mainImg.jpg);
	background-repeat:repeat-x;
	background-position:top left;*/
	padding:0;
	}
	
	#container #contentWrapper #leftCol #mainImage ul {
		list-style: url(../images/bullet.png);
		margin-left:25px;}
		
		
		#container #contentWrapper #leftCol #mainImage ul li {
		margin:3px 0;}
		
		
#container #contentWrapper #leftCol #mainImage #imageContainer {
	margin-bottom:15px;
}
		
	

#container #contentWrapper #rightCol {
	width:300px;
	float:left;
	text-align:left;
	height:436px;
	color:#FFF;
	line-height:14px;
}
	
	
	 #container #contentWrapper #rightCol p {
	width:290px;
	margin-left:10px;
}
		
	#container #contentWrapper #rightCol h3 {
	padding-top:0px;
	width:260px;
	margin-left:15px;
	margin-top:0px;
}
		
		
	#container #contentWrapper #rightCol ul {
	margin-left:20px;
	list-style:url(../images/bullet.png);
		}
		
	#container #contentWrapper #rightCol strong {
	color:#AC448D;
}
#container #contentWrapper #rightCol strong a {
	color: #AC448D;
}



#container #contentWrapper #fullCol {
	width: 940px;
	display: block;
}
#container #contentWrapper #fullCol #mainImage {
	padding:0;
}	
#container #contentWrapper #fullCol #mainImage ul
{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	list-style-image: url(../images/bullet.png);
}
#container #contentWrapper #fullCol #mainImage ul li {
	margin:3px 0;
}
#container #contentWrapper #fullCol #mainImage #listGrados {
	padding-left: 50px;
	float: left;
	list-style-type: none;
	padding-right: 20px;
	list-style-image: none;
}
#container #contentWrapper #fullCol #mainImage #listGrados li {
	background-image: url(../images/bg_circulo_bot.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 49px;
	list-style-image: none;
	list-style-type: none;
	line-height: 50px;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0px;
}
#container #contentWrapper #fullCol #mainImage #listGrados li a {
	color: #999999;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container  #contentWrapper  #fullCol  #mainImage  #listGrados  li a:hover {
	color: #666666;
}

#container  #contentWrapper  #fullCol  #mainImage  #listGrados  li.current a {
	color: #ED1C24;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #contentWrapper #fullCol #mainImage  #listAsignaturas {
	width: 190px;
	list-style-image: none;
	list-style-type: none;
	display: block;
	margin: 0px;
	float: left;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	line-height: 20px;
	font-family: Verdana, Arial, sans-serif;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	display: block;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #666666;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas li {
	width: 190px;
	padding-bottom: 4px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas .noBold {
	font-weight: normal;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigEspanol {
	background-color: #009BB7;
	border-bottom-color: #D06F22;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigEspanol:hover {
	background-color: #D06F22;
	border-bottom-color: #009BB7;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigMate {
	background-color: #D57221;
	border-bottom-color: #88B840;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigMate:hover {
	background-color: #88B840;
	border-bottom-color: #D57221;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigExploraNat {
	background-color: #E3A31F;
	border-bottom-color: #8F9322;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigExploraNat:hover {
	background-color: #8F9322;
	border-bottom-color: #E3A31F;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigCiencNat {
	background-color: #8F9322;
	border-bottom-color: #029A85;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigCiencNat:hover {
	background-color: #029A85;
	border-bottom-color: #8F9322;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigGeogra {
	background-color: #029A85;
	border-bottom-color: #AB448D;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigGeogra:hover {
	background-color: #AB448D;
	border-bottom-color: #029A85;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigHistoria {
	background-color: #DD9121;
	border-bottom-color: #C8361D;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigHistoria:hover {
	background-color: #C8361D;
	border-bottom-color: #DD9121;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigCivica {
	background-color: #1468AE;
	border-bottom-color: #A5C43A;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigCivica:hover {
	background-color: #A5C43A;
	border-bottom-color: #1468AE;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigArtistica {
	background-color: #A1B635;
	border-bottom-color: #3C93C0;
}
#container #contentWrapper #fullCol #mainImage #listAsignaturas #asigArtistica:hover {
	background-color: #3C93C0;
	border-bottom-color: #A1B635;
}
#container  #contentWrapper  #fullCol  #mainImage  .contSliding {
	float: left;
	width: 750px;
}

#container #contentWrapper #fullCol #mainImage #TabbedPanels1 .TabbedPanelsTabGroup {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#container  #contentWrapper  #fullCol  #mainImage  #TabbedPanels1  .TabbedPanelsTabGroup  li  {
	list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container    #contentWrapper    #fullCol    #mainImage    .contSliding    .SlidingPanels  {
	height: 380px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/bg_cont_serieEcuentro.jpg);
	background-repeat: repeat-x;
	border: 1px solid #CFCFCF;
	margin-bottom: 15px;
	width: 738px;
	padding: 0px;
	background-position: left top;
	background-color: #CCCCCC;
}
#container  #contentWrapper  #fullCol  #mainImage  .contSliding  .SlidingPanelsContentGroup {
	width: 5500px;
	height: 380px;
	float: left;
	position: relative;
}
#container   #contentWrapper   #fullCol   #mainImage   .contSliding   .SlidingPanelsContentGroup   .SlidingPanelsContent {
	height: 378px;
	width: 728px;
	float: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

#container #contentWrapper #fullCol #mainImage .contSliding .pervBot {
	float: left;
}
#container #contentWrapper #fullCol #mainImage .contSliding .nextBot {
	float: right;
}
#container #contentWrapper #fullCol #mainImage .contSliding .botsNumeros {
	display: block;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #333333;
}
#container #contentWrapper #fullCol #mainImage .contSliding .botsNumeros a {
	color: #999999;
	text-decoration: none;
}
#container #contentWrapper #fullCol #mainImage .contSliding .botsNumeros a.current {
	color: #CC0000;
}
#container #contentWrapper #fullCol #mainImage .contSliding h2 {
	color: #A1B635;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3C93C0;
	display: block;
	float: right;
	padding-top: 10px;
	padding-bottom: 6px;
	width: 251px;
	font-size: 24px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
}
#container #contentWrapper #fullCol #mainImage .contSliding .textContSlide {
	display: block;
	float: right;
	width: 241px;
	clear: right;
	padding-top: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
#container #contentWrapper #fullCol #mainImage .contSliding h2.vertical {
	width: 340px;
}
#container #contentWrapper #fullCol #mainImage .contSliding .textContSlideVert {
	display: block;
	float: right;
	width: 330px;
	clear: right;
	padding-top: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}
#container #contentWrapper #fullCol #mainImage .contSliding img.left {
	float: left;
	padding-top: 10px;
}
#container #contentWrapper #fullCol #mainImage .contSliding img.leftVert {
	float: left;
	padding-top: 10px;
	padding-left: 90px;
}
#container  #contentWrapper  #fullCol  #mainImage  .TabbedPanelsContentVisible  #contSliding2    {
	width: 740px;
}
#container #contentWrapper #fullCol #mainImage TabbedPanelsContentVisible #contSliding2 .SlidingPanelsContentGroup .SlidingPanelsContent {
	width: 670px;
}
#container #footer {
	margin-top:20px;
	height:35px;
	background-image: url(../images/bg_footer.png);
	background-repeat: no-repeat;
	clear:both;
	text-align:left;
	color:#FFFFFF;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	display: block;
	float: none;
	width: 925px;
}
		
		
		
	.apoyosDidacticos {
	height:25px;
	width:100px;
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	}	
		
		
	/* >>>>>>>>> LAYOUT <<<<<<<<<<<<<< */
	
.serieEncuentro {
	height:25px;
	width:80px;
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	color:#A6C439;
	
	
	
	}	
	

.manualReforma {
	height:25px;
	width:100px;
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	}	
		
		
	.foro {
	height:25px;
	width:80px;
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	}	
		
	.referenciaRieb {
	height:25px;
	width:120px;
	display:block;
	float:left;
	margin-bottom:5px;
	}	
		
		
		
	.banner1, .banner2  {
	width:196px;
	height:61px;
	float:left;
	margin:0px;
	padding-top: 7px;
	padding-right: 18px;
}
	
	
	
	.banner2  {
	width:180px;
	height:61px;
	float:left;
	margin:0px;
}
		
		
	.banner3 {
	
		width:196px;
		height:63px;
		float:right;
		margin:7px 0 0 0px;}
		
		
	.verticalAlign {
		vertical-align: top;
		margin-left:10px;}
		
	
	h1.encuentro {

	color:#A6C439;}
.recursosTic {
	color: #D57221;
}
	
	
	h1.reforma {
	color:#1468AE;}
h1.foroTit, h3.foroTit {
	color:#C7361D;
}
		
		
		
	span.foroContent {
	
	
	width:570px;
	height:400px;
	float:left;
	text-align:left;
	padding:0 0 0 5px;
	text-align:left;
	overflow:scroll;
	overflow-y: scroll;
	margin-bottom: 10px;

}
		
		
ul.ticResources {
			margin-top:10px;
			width:250px;
			}
		
		
ul.ticResources li.item {
	height:50px;
	border-bottom:1px dotted  #CC6633;
	padding:8px 0;
	font-size:14px;
	font-weight:bold;}
	
		
		
		
ul.ticResources li.item ul li  {

			font-weight:normal;
			font:12px;}
		
		
	.floatLeft {
	float:left;
	vertical-align:top;
	margin-right:30px;
}
		
		
		
.foroContent ol, .foroContent ul {
		margin:10px;
		padding:10px;}
		
		

		
.marginTopBottom {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.referenciaSep {
	color: #AD438E;
}

.azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #1468AE;
	font-weight: bold;
	text-align:left;
}

.titulos4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ED1C24;
	text-decoration: none;
	text-align:left;
	vertical-align:bottom;
}

.titulos5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #1468AE;
	text-decoration: none;
	text-align:left;
	vertical-align:bottom;
}

.titulos6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align:left;
	vertical-align:bottom;
}

.titulos7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align:left;
	vertical-align:bottom;
	padding:5px, 5px, 5px, 5px;
}

.titulos8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:
	400;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	vertical-align:bottom;
}

.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #1468AE;
	text-decoration:underline;
	text-align:left;
	vertical-align:top;
	}
	
.links a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #1468AE;
	text-decoration:underline;
	text-align:left;
	vertical-align:top;
	}

.links a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #1468AE;
	text-decoration:underline;
	text-align:left;
	vertical-align:top;
}

.titulos9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align:justify;
	vertical-align:bottom;
}

.boton {
	font-size:10px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	background-color: #c4151b;
	cursor: hand;
	white-space: normal;
	text-align:center;
       }  
.sel {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}