@charset "UTF-8";
body {
	line-height: 1.88889;
	color: #8FC42B;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #8FC42B;
	}
.submenu {
	text-decoration: underline;
	width: auto;
	float: left;
	color: #FFF;
	}
/* CSS Document */

#central {
	height: auto;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
	background-color: #FFF;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #9FCA49;
	float: left;
	height: 25px;
	width: 192px;
	margin-right: auto;
	margin-left: 22px;
	text-align: center;
	font-size: 12px;
	margin-top: 5px;
	border: 1px solid #9FCA49;
	padding-top: 5px;
}
.menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #9FCA49;
	text-align: center;
	text-decoration: none;
}
.menu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	text-align: center;
	font-size: 12px;
	width: 200px;
	background-color: #9FCA49;
}
.menuselected  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background-color: #8FC42B;
	width: 190px;
	float: left;
	margin-top: 5px;
	height: 25px;
	padding-top: 5px;
	margin-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #8FC42B;
	border-right-color: #8FC42B;
	border-bottom-color: #8FC42B;
	border-left-color: #8FC42B;
}
.contenido {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	clear: none;
	float: none;
	height: auto;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
#footer a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	clear: none;
	float: none;
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	clear: none;
	float: none;
	color: #999;
}
#footer a: visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	clear: none;
	float: none;
	color: #999;
}
.bloqueclear {
	clear: both;
	float: none;
}
.logo {
	float: left;
	height: 300px;
	width: 300px;
	margin-left: 25px;
	margin-top: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/logo.png);
}
.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9FCA49;
	float: right;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: auto;
}
.right {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	background-color: #8FC42B;
	float: right;
	color: #FFF;
}
.left {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	float: left;
	line-height: 150%;
	font-size: 14px;
	text-align: justify;
	color: #333;
}
.directorio {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 50px;
	width: 770px;
	color: #9FCA49;
	float: left;
	background-repeat: no-repeat;
	padding-top: 12px;
	background-position: right top;
	text-align: right;
	background-image: url(../images/childrens-bottom.png);
	padding-right: 5px;
}
#copyright-links {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 100px;
	float: right;
	height: auto;
	list-style-type: none;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 5px;
	text-align: center;
}
#central-pie {
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	margin-top: 50px;
	text-align: center;
	margin-bottom: 20px;
}
.features-myclass {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: auto;
	width: 320px;
	margin-right: 10px;
	margin-left: auto;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
}
.section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image: url(../images/childrens-top.png);
	background-repeat: no-repeat;
	float: none;
	height: 106px;
	width: 1095px;
	margin-left: auto;
	margin-right: auto;
	background-position: right bottom;
	text-align: right;
	background-color: #8FC42B;
	padding-right: 5px;
	padding-top: 10px;
	margin-top: 50px;
}
#banner {
	font-family: Arial, Helvetica, sans-serif;
	height: 46px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	clear: both;
	background-image: url(../images/banner.jpg);
	background-position: right top;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	float: none;
	background-color: #8FC42B;
	padding-left: 40px;
	color: #8FC42B;
	letter-spacing: 1px;
	padding-top: 160px;
}
.txt-banner   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	margin-right: auto;
	margin-left: 35px;
	letter-spacing: 1px;
	text-align: left;
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9FCA49;
	background-position: 40px;
	height: 200px;
	padding-left: 10px;
	float: left;
	margin-top: 30px;
}
.sgd {
	float: left;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 30px;
	color: #FFF;
	background-image: url(../images/sgdgfaviconppal.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	letter-spacing: 1px;
}
.sgd A:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
.contenedor-twitter {
	float: left;
	height: 290px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 14px;
	padding-top: 5px;
	color: #30B1DC;
}
.contenedor-facebook {
	float: right;
	height: 290px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 14px;
	padding-top: 15px;
}
.contenedor_mapa_web {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	clear: both;
	width: 1000px;
	height: 280px;
	padding-top: 5px;
	padding-left: 5px;
	color: #585A69;
	margin-right: auto;
	margin-left: auto;
}
.contenedor_titulo_mapa {
	float: left;
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	margin-top: 20px;
	font-size: 13px;
	background-color: #FFF;
	margin-bottom: 10px;
	margin-right: 165px;
}
.sub_contenedor_mapa {
	float: left;
	height: 100px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 11px;
	background-color: #FFF;
	line-height: 1.8em;
}
.sub_contenedor_mapa A{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	font-size: 11px;
}
.sub_contenedor_mapa A:hover {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #013895;
	font-size: 10px;
}
.sub_contenedor_mapa_sgd {
	float: left;
	height: 100px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 11px;
	background-color: #FFF;
	line-height: 1.8em;
}
.sub_contenedor_mapa_sgd A{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #FFF;
	text-decoration: none;
	font-size: 11px;
}
.sub_contenedor_mapa_sgd A:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #09F;
	background-color: #FFF;
	text-decoration: none;
	font-size: 10px;
}
.sub_contenedor_mapa_myclass {
	float: left;
	height: 100px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin-right: auto;
	margin-left: 35px;
	font-size: 11px;
	background-color: #FFF;
	line-height: 1.8em;
}
.sub_contenedor_mapa_myclass A{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #FFF;
	text-decoration: none;
	font-size: 11px;
}
.sub_contenedor_mapa_myclass A:hover {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #8FC42B;
	background-color: #FFF;
	text-decoration: none;
	font-size: 10px;
}
.title-map {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	background-color: #8FC42B;
	height: 25px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	float: left;
}
.licences {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: auto;
	width: 500px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	color: #FFF;
	background-color: #8FC42B;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
}
.form-request {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 500px;
	letter-spacing: 1px;
	margin-top: 15px;
	float: left;
	margin-left: 55px;
}
.features-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	background-color: #8FC42B;
	float: left;
	width: 300px;
	margin-top: 15px;
	letter-spacing: 1px;
	text-align: left;
}
.features-content {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 650px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	margin-top: 15px;
	margin-right: auto;
	margin-left: 50px;
}
.skype {
	float: left;
	width: auto;
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	margin-top: 31px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin-left: 30px;
}
.skype a:link{
	text-align: right;
	font-size: 24px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.free-trial {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 27px;
	width: 124px;
	margin-left: 65px;
	float: left;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 74px;
	text-align: right;
	background-image: url(../images/pushdownloadmyclass.jpg);
	padding-top: 15px;
	color: #9FCA49;
	padding-right: 10px;
}
.free-trial a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: auto;
	font-size: 12px;
	text-align: center;
	color: #8FC42B;
}
.newsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-repeat: no-repeat;
	float: right;
	height: auto;
	width: auto;
	background-position: left top;
	text-align: left;
	background-color: #FFF;
	background-image: url(../images/newsletter.png);
	margin-top: 30px;
}
.shop {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 27px;
	width: 122px;
	float: left;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 74px;
	text-align: left;
	background-image: url(../images/comprarcuadernoprofesor.png);
	padding-top: 15px;
	color: #9FCA49;
	padding-left: 10px;
}
.shop a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #9FCA49;
}
.allfeatures {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: auto;
	width: 470px;
	margin-right: auto;
	margin-left: 15px;
	margin-top: 30px;
	font-size: 12px;
	color: #333;
	float: left;
	letter-spacing: 1px;
}
.allfeatures a:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
}
.allfeatures a:hover {
	color: #8FC42B;
}
.sharethis {
	float: right;
	width: auto;
	margin-top: 5px;
	margin-right: 10px;
}
.teachers-features {
	width: auto;
	float: left;
}
.teachers-features a:link{
	color: #9FCA49;
	font-weight: normal;
	text-decoration: underline;
}
.menuselected a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.descarga-my-class-5seg {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	float: left;
	line-height: 150%;
	font-size: 14px;
	text-align: justify;
	color: #333;
}
.comprarmyclassahora {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	float: right;
}
#head {
	height: auto;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
}
.contacto-cuaderno-profesor-banner {
	background-image: url(../images/atencion-informacion-myclass-banner.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFF;
	background-repeat: no-repeat;
	width: 650px;
	margin-left: 5px;
	text-align: center;
	height: 400px;
	padding-top: 30px;
	float: left;
}
.testimonial-profesor-con-pc {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	height: auto;
	width: 300px;
	margin-right: 50px;
	margin-top: 50px;
	background-image: url(../images/teacher-experience-ebook.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.form-callme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 325px;
	letter-spacing: 1px;
	float: right;
	height: 430px;
}
.menuselected a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	border-top-width: 1px;
}
.llamarme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: no-repeat;
	margin-top: 5px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	float: right;
}
.ventajas-softaware-cuaderno-del-profesor {
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 470px;
	color: #333;
	margin-top: 20px;
}
.ventajas-software-profesor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: auto;
	margin-right: 5px;
	width: 300px;
	color: #930;
}