@charset "UTF-8";

/*RESET
---------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;color:#58585a}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited,a:hover,a:active{color:#fff;text-decoration:none;outline:none}
ul,li{list-style-type:none}
header, footer, aside, nav, article{display: block}
.DN{display:none}
.CV{position:absolute;width:5px;height:5px}
.TL{top:0;left:0}
.TR{top:0;right:0}
.BL{bottom:0;left:0}
.BR{bottom:0;right:0}

html{font-size:12px;font-family: Verdana, Helvetica, Arial, sans-serif;line-height:1.5;color:#000;height:100%}
body{height:100%;background:#4baf1d}

#back{background:url(img/dg_fondo.jpg) repeat-x;margin:0 auto}
#back div{background:url(img/fondo.jpg) top center no-repeat;height:783px;width:100%}
#layout{background:#fff}
#container{width:967px;margin:-759px auto -63px;position:relative;z-index:20;min-height:400px}

nav{background:url(img/sprite.png);height:67px;width:630px;margin:0 0 0 315px;float:left}
.home nav{margin:0 0 0 175px;float:none}
nav a{float:left;position:relative}
nav a .border{position:absolute;width:100%;background:#000;height:4px;bottom:-5px;display:none;z-index:50}
nav .active a .border{display:block}
#nav_hm{height:50px;width:111px;margin:18px 0 0 20px}
#nav_sh{height:65px;width:106px;margin:3px 0 0}
#nav_cu{height:50px;width:104px;margin:18px 0 0}
#nav_ej{height:55px;width:107px;margin:13px 0 0}
#nav_fa{height:46px;width:71px;margin:22px 0 0}
#nav_co{height:55px;width:98px;margin:13px 0 0}
#nav_sh span{background:#1f9de9}
#nav_cu span{background:#ff4500}
#nav_ej span{background:#adc644}
#nav_fa span{background:#8167c0}
#nav_co span{background:#d6a418}

#sidebar{float:left;position:relative;min-height:565px;width:290px;background:#093566;background:-moz-linear-gradient(top, #093566 0%, #00adef 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#093566), color-stop(100%,#00adef));background:-webkit-linear-gradient(top, #093566 0%,#00adef 100%);background:-o-linear-gradient(top, #093566 0%,#00adef 100%);background:-ms-linear-gradient(top, #093566 0%,#00adef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#093566',endColorstr='#00adef',GradientType=0);background:linear-gradient(top, #093566 0%,#00adef 100%);-webkit-box-shadow:-5px 0 10px 0 #222;-moz-box-shadow:-5px 0 10px 0 #222;box-shadow:-5px 0 10px 0 #222}
.home #sidebar{width:670px;min-height:518px;margin:0 auto;float:none;-webkit-box-shadow:5px 0 10px 0 #222;-moz-box-shadow:5px 0 10px 0 #222;box-shadow:5px 0 10px 0 #222}
#sidebar ul{float:left;width:245px;margin:14px 0 30px 30px}
#sidebar ul li{float:left;min-height:24px;width:100%;position:relative}
#sidebar ul li.active{ background:#4d9fc8; border-radius:5px; }
#sidebar ul li:hover{ background:#4d9fc8; border-radius:5px; }
#sidebar ul li ul{float:left;width:224px;margin:0px 0 0px 10px;}
#sidebar ul li ul li{float:left;min-height:24px;width:100%;position:relative; }
#sidebar ul li ul li:hover{ background:none;}
#sidebar ul li ul li a{font-size:12px;color:#98bed5; text-decoration:none;}
#sidebar ul li ul li a:hover, #sidebar ul li ul li a.active{font-size:12px; color:#98bed5; text-decoration:underline;}
#sidebar a{font:normal 14px/24px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;font-style:italic;padding:0 0 0 13px}
#sidebar li li a{font-size:12px;text-decoration:underline}
#sidebar li.active .CVM{background:#4d9fc8;width:100%;height:24px;float:left}
#sidebar li.active .CVL, #sidebar li.active .CVR{position:absolute;height:24px;width:5px;background-image:url(img/titulos.png)}
#sidebar li.active .CVL{left:-5px;background-position:-527px -51px}
#sidebar li.active .CVR{right:-5px;background-position:-532px -51px}
#anillado{background:url(img/espiral.png) 0 0 repeat-y;width:37px;left:276px;position:absolute;margin:16px 0;z-index:50}
.home #anillado{left:-18px}

#sidebar, #main{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
#main{float:right;min-height:565px;width:670px;background:#f4f4f4;position:relative;-webkit-box-shadow:5px 0 10px 0 #222;-moz-box-shadow:5px 0 10px 0 #222;box-shadow:5px 0 10px 0 #222}

#footer{background:#4baf1d;min-height:260px}
#footer div{position:relative;top:-68px;width:980px;margin:0 auto}
#footer div div{background-image:url(img/sprite.png);width:191px;height:72px;position:absolute;top:0px}
#footer span{font:normal 14px/24px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;font-style:italic;color:#fff;position:absolute;top:140px;right:40px}
#ft_left{background-position:-200px -325px;left:-210px}
#ft_right{background-position:-1px -319px;right:-210px}
.home #ft_left{left:-55px}
.home #ft_right{right:-48px}

#logo{display:block;height:246px;width:251px;background:url(img/sprite.png) -382px -72px no-repeat;margin:3px}
.home #logo{height:250px;width:381px;background:url(img/sprite.png) 0 -74px no-repeat;margin:126px auto 15px}
#social{display:block;width:209px;height:58px;bottom:16px;margin-left:30px; float:left;}
#social span{font:normal 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;font-style:italic;float:left;padding:19px 0;color:#093466}
#social a{background:url(img/sprite.png) -431px -323px no-repeat;width:53px;height:53px;float:left;padding:0;margin:0 10px}
#social #twitter{background-position:-519px -325px}
#social #facebook{background-position:-574px -325px;margin:0}
.home #social{bottom:-110px;left:212px}

#title{float:right;position:relative;width:633px;height:43px;margin:33px 0 0 0}
#title h2{background-image:url(img/titulos.png);position:absolute;top:10px;left:22px}
#title .CV{background-image:url(img/titulos.png)}
#title .RI{width:11px;height:65px;top:0;right:-11px}
.sobre_hiperia #title{background:#1f9de9}
.sobre_hiperia h2{width:179px;height:28px;background-position:-66px -21px}
.sobre_hiperia .RI{background-position:-12px -11px}
.sobre_hiperia .TL{background-position:-12px 0}
.sobre_hiperia .BL{background-position:-12px -5px}
.cursos #title{background:#ff4500}
.cursos h2{width:84px;height:28px;background-position:-250px -21px}
.cursos .RI{background-position:0 -11px}
.cursos .TL{background-position:0 0}
.cursos .BL{background-position:0 -5px}
.ejercicios #title{background:#adc644}
.ejercicios h2{width:123px;height:28px;background-position:-337px -21px}
.ejercicios .RI{background-position:-24px -11px}
.ejercicios .TL{background-position:-24px 0}
.ejercicios .BL{background-position:-24px -5px}
.faq #title{background:#8167c0}
.faq h2{width:278px;height:28px;background-position:-66px -48px}
.faq .RI{background-position:-36px -11px}
.faq .TL{background-position:-36px 0}
.faq .BL{background-position:-36px -5px}
.contacto #title{background:#d5a419}
.contacto h2{width:113px;height:28px;background-position:-346px -48px}
.contacto .RI{background-position:-48px -11px}
.contacto .TL{background-position:-48px 0}
.contacto .BL{background-position:-48px -5px}

#main_ft{width:60px;height:39px;background:url(img/titulos.png) -459px -39px;position:absolute;right:16px;bottom:16px}
#content{float:right;position:relative;width:610px;padding:0 25px 60px 0}
#content.contentMap{width:650px;padding:0 0 60px 0}
#subtitle h3{font:normal 20px/26px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif}
#content p{margin:0 0 15px}

#content h1{ color:#ADC744; font-size:18px; margin-top:20px; }

#content .text_info{ margin-left:10px; margin-top:15px; margin-bottom:10px; color:#999; }

.sheet{float:left;position:relative}
.backsheet, .frontsheet{background:#fff;border:1px solid #e5e5e5;float:left}
.backsheet{-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg);z-index:10;height:93%;width:100%;position:absolute}
.frontsheet{padding:6px;z-index:20;position:relative}
.pin{width:27px;height:33px;background:url(img/titulos.png) -470px -3px;position:absolute;top:-11px;right:-6px}
.clip{width:34px;height:47px;background:url(img/titulos.png) -506px 0;position:absolute;top:-18px;left:20px}

.sobre_hiperia dt{font-size:12px Arial, Helvetica, Verdana, sans-serif;color:#209de8;padding:2px}
.sobre_hiperia dd{padding:0 2px 5px;color:#7f7f7f;margin:0}
.sobre_hiperia h3, .sobre_hiperia h4{color:#209de8}
#equipo-di-marcos{height:315px;width:235px}
#equipo-di-marcos .backsheet{-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg);height:100%}
#equipo-elba{height:160px;width:133px}
.equipo p{color:#b0b0b0}
#testimoniosDL{position:relative;padding:115px 0 20px;float:left}
#testimoniosDL dt{position:absolute;top:10px;height:95px;cursor:pointer}
#testimoniosDL dt font{height:64px;float:left;padding:0;background-image:url(img/testimonios_sprite.png)}
#testimoniosDL dt span{clear:both;float:left;padding:10px 0 0;color:#888688}
#testimoniosDL dt.active span,#testimoniosDL dt:hover span{font-weight:bold;color:#059fed}
#testimoniosDL #ninos{left:0px}
#testimoniosDL #ninos font{background-position:0 0;width:17px;margin:0 0 0 7px}
#testimoniosDL #ninos.active font, #testimoniosDL #ninos:hover font{background-position:0 -64px}
#testimoniosDL #adolescentes{left:50px}
#testimoniosDL #adolescentes font{background-position:-22px 0;width:22px;margin:0 0 0 25px}
#testimoniosDL #adolescentes.active font, #testimoniosDL #adolescentes:hover font{background-position:-22px -64px}
#testimoniosDL #jovenes{left:143px}
#testimoniosDL #jovenes font{background-position:-48px 0;width:26px;margin:0 0 0 10px}
#testimoniosDL #jovenes.active font, #testimoniosDL #jovenes:hover font{background-position:-48px -64px}
#testimoniosDL #adultos{left:212px}
#testimoniosDL #adultos font{background-position:-76px 0;width:26px;margin:0 0 0 7px}
#testimoniosDL #adultos.active font, #testimoniosDL #adultos:hover font{background-position:-76px -64px}
#testimoniosDL #padres{left:275px}
#testimoniosDL #padres font{background-position:-107px -0;width:49px;margin:0}
#testimoniosDL #padres.active font, #testimoniosDL #padres:hover font{background-position:-107px -64px}
#testimoniosDL #incompany{left:333px}
#testimoniosDL #incompany font{background-position:-155px 0;width:44px;margin:0 0 0 5px}
#testimoniosDL #incompany.active font, #testimoniosDL #incompany:hover font{background-position:-155px -64px}
#testimoniosDL dd{display:none}
.comment{position:relative;width:596px;float:left;margin:0 0 45px}
.comment.short{width:355px;font-size:11px}
.comment > div{background:#e4e4e4;border:1px solid #d8d8d8;padding:6px 0 0}
.comment .CV{background-image:url(img/testimonios_sprite.png);width:10px;height:10px}
.comment .TL{background-position:-215px 0}
.comment .TR{background-position:-225px -0}
.comment .BL{background-position:-215px -10px}
.comment .BR{background-position:-225px -10px}
#content .comment p{color:#9c9c9c;font-style:italic;margin:0;padding:6px 16px}
.comment .author{position:absolute;left:27px;bottom:-35px;background:url(img/testimonios_sprite.png) -204px -20px no-repeat;height:41px;min-width:30px}
.comment .author span{color:#059fed;float:left;padding:15px 0 0 30px}
.comment font{font-size:11px;color:#000;float:left;clear:both;margin:-3px 0 0;padding:0 0 0 30px}

.contacto h3{font:18px "Trebuchet MS", Verdana, Arial, sans-serif}
.contacto h3, .contacto font{color:#d6a418}
.contacto span{color:#3b3b3b}
.contacto p{color:#797979}
.contacto form{background:url(img/fd-contacto-simple1.jpg) no-repeat;position:relative;height:250px;padding:40px;margin:20px 0}
.contacto input, .contacto textarea{width:243px;background:#fff;border:1px solid #b6d6e7;padding:5px;border-radius:5px;resize:none;margin:10px 0 0 0;font:12px/14px Verdana,Helvetica,Arial,sans-serif}
.contacto input[type="submit"]{position:absolute;width:70px;height:25px;top: 219px;left: 329px;margin:0px;background:none;border:0px;padding:0;text-indent:300px;cursor:pointer}

#faqDl{margin:40px 0 0}
#faqDl dd{display:none}
.faq h2{width:278px;height:28px;background-position:-66px -48px}
#faqDl dt{margin:15px 0 15px 28px;cursor:pointer}
#faqDl dt > span{float:left;background:url(img/titulos.png)-444px -0;width:17px;height:17px;text-align:center;color:#fff;font-size:12px;line-height:17px;margin:0 0 0 -29px}
#faqDl dd{background:#e4e4e4;border:1px solid #d8d8d8;position:relative;margin:15px;padding:20px 20px 35px;color:#8167bf}
#faqDl dd .cerrar{float:right;color:#575757;font-size:11px;padding:10px 0;text-decoration:underline;cursor:pointer}
#faqDl .CV{background-image:url(img/testimonios_sprite.png);width:10px;height:10px}
#faqDl .TL{background-position:-215px 0;left:-1px;top:-1px}
#faqDl .TR{background-position:-225px -0;right:-1px;top:-1px}
#faqDl .BL{background-position:-215px -10px;left:-1px;bottom:-1px}
#faqDl .BR{background-position:-225px -10px;right:-1px;bottom:-1px}

#mapasMentales{position:relative}
#mapasMentales li{position:absolute}
.ejercicios .comment, .cursos .comment{display:none}
.ejercicios .comment p, .cursos .comment p{color:#424242;padding:10px}
.ejercicios .comment > div, .cursos .comment > div{border-radius:10px; float:left; width:250px;}
.ejercicios .comment p a, .cursos .comment p a{color:#ff4500;text-decoration:underline;font-weight:bold;font-size:11px;font-style:normal;cursor:pointer}
#mapasMentales li div a{ color:red; margin-left:10px; }
.ejercicios .comment p a{color:#adc644}
#id1{left:150px;top:70px}
#id2{left:100px;top:170px}
#id3{left:220px;top:250px}
#id4{left:380px;top:270px}
#id5{left:460px;top:180px}
#id6{left:450px;top:10px}

#title a{position:absolute;top:13px;right:30px;height:17px}
.cursos #title a{background:url(img/titulos.png) -64px 0 no-repeat;width:175px}
.ejercicios #title a{background:url(img/titulos.png) -239px 0 no-repeat;width:197px}

.green_menu {
	margin:0px; padding:0px;
	background:url(img/lectura_simbolos.png) no-repeat;
	width:490px;
	height:297px;
	margin-top:40px;
	margin-left:50px;
}
.green_menu .first{
	width:105px; height:110px;
	float:left;
	cursor: pointer;
	top: 75px;
	position: relative;
}
.green_menu .second{
	width:155px; height:165px;
	float:left;
	cursor:pointer;
}
.green_menu .third{
	width:230px; height:245px;
	float:left;
	cursor:pointer;
}

.green_menu_items {
	margin:0px; padding:0px;
	width:490px;
	height:200px;
	margin-top:40px;
	margin-left:50px;
}
.green_menu_items .first{
	width:105px; height:110px;
	background:url(img/lectura_simbolos_first.png) no-repeat;
	float:left;
	cursor: pointer;
	top: 75px;
	position: relative;
	text-align: center;
	line-height: 169px;
	font-size: 12px;
	color: white;
	font-style:italic;
}
.green_menu_items .first.latin{
	line-height:178px;
}
.green_menu_items .second.griego{
	line-height:235px !important;
}
.green_menu_items .second{
	width:155px; height:165px;
	background:url(img/lectura_simbolos_second.png) no-repeat;
	float:left;
	cursor:pointer;
	font-size: 12px;
	color: white;
	font-style: italic;
	line-height: 240px;
	text-align: center;
}
.green_menu_items .third{
	width:230px; height:245px;
	background:url(img/lectura_simbolos_third.png) no-repeat;
	float:left;
	cursor:pointer;
}


.cursos .backsheet, .cursos .frontsheet{border-radius:15px;border:0}
.cursos .backsheet{background:#e4e4e4;border:1px solid #e2e2e2;-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);width:98%}
.cursos .frontsheet{margin:20px 0 0 10px;padding:40px 30px 70px}
.cursos h3{color:#ff4500;font:20px/85px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;padding:30px 0 0;float:left}
.cursos h3 span{float:left;width:136px;height:97px;background-image:url(img/sp_cursos.jpg);background-position:0 0}
.cursos h3 span span{margin:16px 0 0 40px}
.cursos .cursos_le{background-position:-138px -6px;width:48px;height:38px}
.cursos .cursos_mv{background-position:-190px -7px;width:46px;height:40px}
.cursos .cursos_ot{background-position:-237px -7px;width:39px;height:41px}
.cursos .cursos_tr{background-position:-136px -45px;width:53px;height:44px;margin:16px 0 0 35px}
.cursos .cursos_op{background-position:-190px -48px;width:39px;height:42px}
.cursos .cursos_ce{background-position:-238px -48px;width:33px;height:43px}
.turned_page{background: #fff url(img/page_turned.jpg) right bottom no-repeat}
.cursos #content li{padding:0 0 0 15px;margin:10px 0 0 0;background:url(img/sprite.png) -617px -378px no-repeat}

.contact_msg_error{ width: 15px;
float: right;
height: 15px;
overflow: hidden; margin-left:10px; margin-top:10px; }

.lect_img, .lect_info{ float:left;	margin-top:10px;}
.lect_info2 {	 float:left;	margin-top:10px;}

.lect_info2{	margin-left:30px; margin-top:20px; }
.lect_info2 h1{ 	color:#adc744; 	font-size:18pt; }
.lect_info2 p{	color:#888888; }
.lect_info2 p strong{ color:#4d4d4d; }

.lect_info2 ul{ margin:0px; padding:0px; list-style:none; margin-top:10px; }
.lect_info2 ul li{ color:#d4d4d4 !important; font-size:14px; }
.lect_info2 ul li a{ color:#999 !important; font-size:14px; text-decoration:none; }






.lect_info{	margin-left:30px; margin-top:20px; }
.lect_info h1{ 	color:#adc744; 	font-size:18pt; }
.lect_info p{	color:#888888; }
.lect_info p strong{ color:#4d4d4d; }

.lect_info ul{ margin:0px; padding:0px; list-style:none; margin-top:10px; }
.lect_info ul li{ color:#d4d4d4 !important; font-size:14px; }
.lect_info ul li a{ color:#999 !important; font-size:14px; text-decoration:none; }

.lectura_top{ background:url(img/lecturas_top.png); width:614px; height:70px; clear:both; }
.lectura_left{ background:url(img/lecturas_top.png) 0px -60px; width:0px; height:465px; float:left; padding-left:20px; }
.lectura_content{ background:#FFF; float:left;width:590px; min-height:500px; }
.lectura_bottom{ background:url(img/lecturas_bottom.png); width:614px; height:92px; float:left; }
.lectura_bottom p{ color:#93990a; margin-left:50px !important; }
.lectura_button{ color:#FFF; background:#afc33f; border:0px; height:35px; width:120px; font-weight:bold; cursor:pointer; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px; margin:0px !important; padding:0px !important; }
.lectura_display{ border:2px solid #afc33f; color:#afc33f; font-weight:bold; margin:0px !important; padding:0px !important; height:31px; width:120px; text-align:center;top: 1px; position: relative; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; }
.lectura_display_radius{ border:2px solid #afc33f; color:#afc33f; font-weight:bold; padding:0px !important; height:31px; width:120px; text-align:center;top: 1px; position: relative; border-radius: 5px; margin-left:10px; margin-right:10px; }
.lectura{ padding:20px; }
.lectura_result{ padding:20px; color:#afc33f; font-weight:bold; }

.lectura_result a{ color:#999; text-decoration:underline; }

.lectura_test { padding:20px; text-align:center; }
.lectura_test h1{ color:#ADC744; font-size:18pt; }
.lectura_test h2{ color:#999; font-size:16pt; width:100% !important; }
.lectura_button_radius{ background:#afc33f; color:#FFFFFF; border:0px; cursor:pointer; font-weight:bold; padding:0px !important; height:31px; width:31px; text-align:center;top: 1px; position: relative; border-radius: 5px; margin-left:10px; margin-right:10px; }

.lectura_test p { width: 79%;
    float: left;
    margin-left: 75px !important;     text-align: left; }

.simbolo_h{ background:url(img/simbolo_hiperia.png); width:157px; height:152px; line-height:250px; text-align:center; color:#FFFFFF; float:left; margin:10px; cursor:pointer; font-weight:bold; }

#palabras_percepcion, #palabras_percepcion_latin, #palabras_percepcion_griego{ color:#ADC744; text-align:center; font-weight:bold; font-size:35px; margin-top: 20px; float: left; width: 120px; border: 2px solid #ADC744; border-radius: 5px; width:49%; margin-left:25%; padding: 8px 0; }
#palabras_percepcion_latin, #palabras_percepcion_griego{ }

#finalizar_percepcion{ margin-top:25px; display:none; }

.green_button{ color:#FFFFFF; background:#ADC744; border-radius:5px; min-width:120px; text-align:center; height:25px; line-height:25px; font-weight:bold; border:0px; cursor:pointer; width: 50%; margin-left: 25%; }

.org_actividades {
	border:1px solid #CCC;
}
.org_actividades thead{ background:#DCDCDC; color:#333; }
.org_actividades th, .org_actividades td{ text-align:center !important; height:30px;}

.ejer_comu_eficaz{
	border:1px solid #CCC;	
}
.ejer_comu_eficaz thead{ background:#DCDCDC; color:#333; }
.ejer_comu_eficaz th, .ejer_comu_eficaz td{height:30px; padding-left:5px;}

.mostrar_test{ cursor:pointer; }
.mostrar{ cursor:pointer; margin-right:3px;}