﻿body 
{
	font: 100% Arial, Times, Verdana, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
	font-size:11px;
}

.webcolor #container {	
	background:  #FFFFFF   ;
	text-align: center;
}

.h_short
{
height:700px;	
}

#head
{
	height:180px;
	width:850px;
	margin-top:20px;

	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/
	/*border: solid 1px #000000;*/
}

#info 
{
	display:block;
	float:left;/**/
	height:180px;
	width:170px;
	/*font-size:11px;*/
	
	text-align:left;
	line-height:4px;
	margin-top:10px;
	margin-left:20px;
	font-weight:bold;
	font-size:.95em;
	/*background: #EEEEEE;*/
}
#logo 
{
	height:180px;	
	width:660px;
	display:block;
	float:right;/**/
	margin-top:22px;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/
	/*background: #E1E1E1;*/
}
#cerebrito
{
	height:180px;	
	width:225px;
	display:block;
	float:left;/**/
	background:url(../img/Sugestopedia_Logo_Web.jpg) no-repeat center center;
	/*margin-top:22px;*/
	margin-left: 80px ; /* para centrar el div*/
	margin-right: 0px ; /* para centrar el div*/
	/*background: #E1E1E1;*/
}
#npp{
	height:180px;	
	width:auto;
	display:block;
	float:right;/**/
	margin-left: auto ;  /*para centrar el div*/
	margin-right: auto ;  /*para centrar el div*/
	/*background: #E1E1E1;*/
	text-align:right;
	padding-right:20px
}
#sugestopedia
{
	
	font-size:3.5em;
	color:#FE6500;
	margin: 0px;
	padding: 30px 0px 0px 0px;
}
#pedagogia_desugestiva
{
	font-size:1.7em;
	font-weight:bold;
	color:#555555;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


.ptop2 {padding-top:210px }


#main {
	display:block;
	width:850px;
	padding:0px;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/
	/*border: solid 1px #000000;*/
}
#menu {
	height:500px;
	width:170px;
	font-family: Arial, Times New Roman, Verdana, Sans-Serif;	
	display:block;
	float:left;/**/	
	margin-top:60px;
	margin-left:20px;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	/*color:#555555;
	background: #D1D1AA;*/

}
#content
{
	display:block;
	float:right;/**/
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	
	width:620px;
	font-size:1.2em;
	margin-top:50px;
	padding-bottom:70px;
	
	/*
	color:#555555;
	background: #F1F1F1;*/
}

#content p
{
	font-size:1.05em;
}

#content .grey_title
{
	font-size:1.4em;
	font-weight:bold;
	color:#555555;
	margin: 0px 0px 0px 0px ;
	padding:0px 0px 6px 0px ;
}


#content .title
{
	vertical-align:top;
	text-align:left;
	font-family: Arial,Times New Roman,  Verdana, Sans-Serif;
	font-size:1.6em;
	font-weight:bold;
	color:#FE6500;
	margin:0px;
	padding:0px;
}

#content .title_small
{
	vertical-align:top;
	text-align:left;
	font-family: Arial,Times New Roman,  Verdana, Sans-Serif;
	font-size:1.4em;
	font-weight:bold;
	color:#FE6500;
	margin:0px;
	padding:0px;
}

#content .subtitle
{
    font-weight:bold;
    color:#FE6500;
    margin-top:40px;
}

#content .subtitle_continue
{
	font-weight:bold;
    color:#FE6500;
    margin-bottom:0px;
}

#content .continue_p
{
    margin-top:0px;
    padding-top:0px;
}

#content_inicio
{
	display:block;
	float:right;/**/
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	height:500px;
	width:620px;
	font-size:1.25px;
	margin-top:0px;
	/*color:#555555;
	background: #F1F1F1;*/
}

div .frase
{
	margin-top:11px;
	margin-bottom:11px;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/	
	text-align:left;
}
div .frase2
{
	margin-top:21px;
	margin-bottom:11px;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/	
	text-align:left;
}

div .foto
{
	margin-top:45px;
	margin-bottom:10px;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/	
	text-align:center;
}

.class
{
	margin: 5px 15px 15px 25px;
}


#foot 
{
	position:relative;
	top:150px;
	left:-190px;
	/* vertical-align:text-top;*/
	text-align:left;
	font-size:0.8em;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/
	line-height:30px;
}

#foot2 
{
	position:relative;
	/* top:150px;
	left:-190px;
	vertical-align:text-top;*/
	padding-top:90px;
	font-weight:normal;
	text-align:left;
	font-size:0.8em;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/
	line-height:16px;
}

.foot3 
{
	position:relative;
	/* top:150px;
	left:-190px;
	vertical-align:text-top;*/
	padding-top:90px;
	font-weight:normal;
	text-align:left;
	font-size:0.9em;
	margin-left: auto ; /* para centrar el div*/
	margin-right: auto ; /* para centrar el div*/
	line-height:16px;
}

#ul_menu 
{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#ul_menu li {margin-top:5px;	}

#ul_menu span {
	font: 100% Arial, Times, Verdana;
	font-weight:normal;
	/*font-size:11px;*/
	margin-left:0px;
}

#ul_menu a:hover 
{
	text-decoration:none;
	color:#FE6500;
}

#ul_menu a 
{
	text-decoration:none;
	color:#555555;
}
.li_active
{
	color:#FE6500;
}
.li_title
{
	color:#555555;
	font-weight:bold;
}
.li_separator
{
	height:9px;
}

.h_main_inicio
{
	height: 750px;
}

.li_double
{
	line-height:15px;
}

#div_colores
{
	text-align:left;
	font-size:26px;
	font-weight:bold;
	font-family:Arial Black, Arial, Times New Roman, Verdana, MS Sans Serif;
}
#div_colores span{display:inline;}
.rojo{	color:Red;}
.azul{	color:Blue;}
.amarillo{	color:Yellow;}

/*Links.begin*/
#links {margin-top:40px;}
#links a 
{
	font-weight:bold;
	text-decoration:none;
	color:#FE6500;
	font-size:0.9em;
	padding-bottom:20px;
}
#links a:hover 
{
	text-decoration:none;
	color:#FE6500;
}

#links p
{
	margin:0px 0px 0px 0px;
	padding:0px;
	
}

#links .first_pp
{
	margin:24px 0px 0px 0px;

}
/*Links.end*/

#contact {margin-top:40px}
#contact span
{
	text-align: left;
	font-size: 1.1em;
	float: left;
	display: block;
	padding-right: 10px;
	margin-bottom: 10px;
	width: 30%;
	font-weight: bold
}
#contact br
{
	clear:left;
	}

p a 
{
	font-weight: normal;
	text-decoration:none;
	color:#FE6500;
	
}
p a:hover 
{
	
	text-decoration: none;
	color:#FE6500;
}

.bold {	font-weight:bold;	color:#494949;	/*color:#555555;	color:#444444;*/}
.italic {	font-style:italic;}
.acenter {text-align:center}
.aright {text-align:right}

#div_imagenes div
{
	display:block;
	
}

#div_imagenes .left_img
{
	float:left;
	display:block;
	padding:40px 40px 10px 20px; 
	width: 250px;
}

#div_imagenes .right_img
{
	float:right;
	display:block;
	padding:40px 20px 10px 40px; 
	width: 250px;
}



.right_void
{
	height:188px;
	width: 250px;
}


.span_left
{
	text-align:left;
	display:block;
	float:left;
}

.span_right
{
	text-align:right;
	display:block;
	float:right;
}

.first_p
{
	margin-top:40px;
}
.last_p
{
	padding-bottom:160px;
}
.mt20
{
	margin-bottom:20px;
}

#lozi, #eve
{
	margin-top:43px;
	
}
.leyend
{
	font-size:0.85em;
}

.zero_margin
{
	margin:0px;
}

.big_upper_margin
{
	margin-top:40px;
}

.size_bigger15
{
	font-size:1.15em;
	font-weight:bold;
	color:#FE6500;

}

/*Clases para adultos.begin*/
.cursos
{
    width:65px;
    max-width:65px;
}

.ingles
{
	letter-spacing:2.1px;
}

/*Clases para adultos.end*/