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, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	outline: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html { background: url("img/bg.gif");}

body {
	min-width: 1020px;
	line-height: 1;
	background: url("img/green_tile.gif") repeat-x 0px 28px;
}


ol, ul {
	list-style: none;


}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------ Ends Reset ------ */

img, div { behavior: url(img/iepngfix.htc) }

/* ------ layout ------ */

.container, .footercontainer {
	margin:0 auto;
	width: 1000px;
	padding: 0 10px 0 10px;
}

.top {
	width: 100%;
	height: 28px;
	background: url("img/color_bar.gif");
}

.colorbar_down {
	width: 100%;
	height: 28px;
	background: url("img/color_bar_b.gif");
}

.section {
	width: 100%;
	background: url("img/dot-h.gif") repeat-x top;
	overflow:hidden;
	clear:both;
}

.nobg {
	background: none;
}

#video {
	height: 531px;
	background: url("img/video_bg.png") 10px 28px ;
}

#videopos {
	position:relative;
	padding: 87px 0 0 180px;
	z-index:2;
}

#mapa {
	padding: 56px 0;	
}

#mapa img {
	margin-left: 84px;	
}

/* ----- text-formating -----*/

.regulartext {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px ;
  font-style: normal ;
  font-weight: normal ;
  line-height: 1.5;
  color: #416b7a;
}

#que h1{
	font-family: Chalet;
	font-size:46px;
	font-weight: bold;
}

#elementos h2{
	font-size:38px;
	font-weight: bold;
	line-height: 1;
}

.small {
	font-size: 12px;	
}

.smaller {
	font-size: 10px;	
}

.regular {
	font-size: 14px;	
}

.bold {
	font-weight: bold;	
}

.centerText {
	text-align: center;
}

.lightgreen {
	color: #efffcc;
}

.green {
	color: #99c43e;
}

.blue {
	color:#0078ba;
}

.darkblue {
	color:#006cb3;
}

.orange {
	color: #e3752b;
}

.darkgreen {
	color:#5e7a21;
}

.palegreen {
	color: #cae494;	
}

.yellow {
	color: #ebb81f;
}

.teal {
	color: #00b1cd;
}

.red {
	color: #ed1c24;
}

.indent {
	padding-left:56px;
}
/* -----Header ------ */

.header {
	height: 225px;
	background: url("img/aros.gif") no-repeat top right;
}

.logo {
	margin: 47px 0 45px 0;
}


/*----- Menu -----*/

.menu {
	overflow: hidden;
	position:absolute;
	top: 196px;
	height:57px;
	*position: relative;
	_position: relative;
	_top: 0;
	*top: 0;
	background: url("img/menu_bg.gif") repeat-x;
}

.menosunomenu {
	overflow: hidden;
	position:absolute;
	top: 196px;
	height:57px;
	*position: relative;
	_position: relative;
	_top: -1px;
	*top: -1px;
	background: url("img/menu_bg.gif") repeat-x;
}

.menu li, .menosunomenu li {
	float:left;
	height:57px;
	width:154px;
	text-align: center;
}


.menu li a, .menu li a:link, .menu li a:visited, .menosunomenu li a, .menosunomenu li a:link, .menosunomenu li a:visited {
	text-decoration: none;
	height: 57px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	display: block;
	background: url("img/menu_sprite.gif") -56px 0;
}


.menu li.firstmenuitem a, .menu li.firstmenuitem a:link, .menu li.firstmenuitem a:visited, .menosunomenu li.firstmenuitem a, .menosunomenu li.firstmenuitem a:link, .menosunomenu li.firstmenuitem a:visited  {
	background: url("img/menu_sprite.gif") 0 0;
}

.menu li.firstmenuitem a:hover, .menosunomenu li.firstmenuitem a:hover {
	background: url("img/menu_sprite.gif") 0 -114px;
}

.padtop {
	padding-top: 19px;	
}

.midpadtop {
	padding-top: 8px;
}

.menu li.lastmenuitem, .menosunomenu li.lastmenuitem {
	width: 156px;
}
	
.menu li.lastmenuitem a, .menosunomenu li.lastmenuitem a {
	padding-top: 19px;
}

.menu li.firstmenuitem, .menosunomenu li.firstmenuitem {
	width: 56px;
	height: 57px;
}

.menu li a:active, .menosunomenu li a:active {
	background: url("img/menu_sprite.gif") -56px -57px;
}

.menu li a:hover, .menosunomenu li a:hover {
	background: url("img/menu_sprite.gif") -56px -114px;
}

.menu li a img, .menosunomenu li a img {
	margin-top:12px;
	margin-bottom: 15px;
}

/* ----- #que ----- */


#que {
	padding: 84px 0 28px 0;
	height: 308px;
}

#que p, #mapa p {
	width: 532px;
	padding-left: 56px;
	margin-top: 21px;
	float: left;

}

.floatinglogo {
	_position: relative;
	_top: -104px;
	_float:right;
}

.peg4 {
	background: url("img/peg4.gif") no-repeat 14px 3px;
}



/* ----- Elementos -----*/

.col3 li{
	margin-right:14px;
	float:left;
	display:block;
	height: 560px;
	width:322px;
}

.col3 li:first-child {margin-left:7px}

.col3 li.terceracolumna {
	width: 308px;
	margin:0
}



.col3 li img{
	margin-left: 14px;
}

.col3 p  {
	
	width: 252px;
	padding-left: 56px;
	margin-top: 21px;
	float: left;

}

.elemento {
	height: 194px;
	background: url("img/dot-v.gif") repeat-y right;	
}


/* ----- Footer -----*/

.footer { 
	width:100%;
	height: 280px;
	clear:both;
	background: url("img/footer_bg.gif") #9ac53f repeat-x  0 224px;
	border-top: 1px #7ea380 solid;
} 

.footerborder {	border-top: 1px #cce29f solid; min-width: 100%;}

.contacto_info {
	float: left;
	padding-top:28px;
	margin-top:28px;
	background: url("img/dot-v-green.gif") repeat-y right;
	height: 140px;
	width: 308px;
	}

p.firma {
	float:left;
	padding: 56px 0 0 364px;
	}

p.legal {
	text-align:center;
	clear:both;
	padding-top:42px;
	font-size: 10px;
	}

.contacto_info a, .contacto_info a:link, .contacto_info a:visited {
	color: #efffcc;
	text-decoration: none;
	border-bottom: 1px #efffcc dotted;
}

.contacto_info a:hover {
	color: #5e7a21;
	border-bottom: 1px #5e7a21 dotted;
}

/* --------------------------- */
/* -----Propuesta.html-------- */
/* --------------------------- */

/* ----- Title ----- */

.bigtitle {
	background: url("img/title-shadow.png") no-repeat 50% 95%;
	height: 252px;
	margin-top: 140px;
	text-align:center;
	font-weight:bold;
	font-size:36px;
	line-height:1;
}

.huge {
	font-size: 72px;
	font-weight: bold;
	line-height: 30px;
}

.educatitle {
	height:532px;
}

h1.titlewpic {
	display:inline-block;
	margin-top:20px;
	*position: relative;
	*top: -30px;
	_position: relative;
	_top: -30px;
	width: 300px;
	line-height: -20px;
}

.title {
	height: 448px;
	padding-top:56px;
}

.title h1 {
	float:left;
}

.title img {
	float:right;
} 

/* ----- promotext -----*/

.promo {
	font-size: 20px;
	height:168px;
	margin-bottom: 28px;
}

.promo {
	padding-top:84px;
}

/* ----- headers ------*/

h1, h2, h3, h4 {
	font-weight:bold;
}

div.propuesta h2 {
	font-size:46px;
	padding-top: 28px;
}

div.propuesta h3 {
	font-size:20px;
	letter-spacing:-1px;
	line-height:1;
}

/* ----- 4col ------*/

ul.col4 {
	overflow:hidden;
	margin-bottom:56px;
}

ul.col4 li {
	width: 220px;
	display:inline;
	float: left;
	padding-right:26px;
	line-height:28px;
}

ul.col4 li h3 {
	height: 42px;
	padding-top: 24px;
	padding-bottom:23px;
}

.lastcol4 {
	padding-bottom:23px;
}

ul.col4 img {
	padding-top:28px;
}

.nopadbot {
	padding-bottom:0 !important;
}

/* ----- roles ------*/

.roles {
	margin-bottom:54px;
}

.roles img {
	padding-left:28px;
}

/*--- pilares -----*/

.pilares {
	margin-bottom: 56px;
}

/* ----- metodologia -----*/


div.metodologia span {
	font-weight: bold;
	font-size:16px;
}

div.metodologia {
	margin-bottom: 54px;
}

div.metodologia div{
	line-height:1.75;
	width: 280px;
}

div.metodologia img {
	float: left;
	margin-left: 28px;
	margin-top: 28px;
}


#conectar {
	margin-top:28px;
	float: left;
}

#construir {
	margin-top:28px;
	float: right;
}

/*------ Educadores -------*/


.educadores h2 {
	font-size: 36px;
	padding-bottom:14px;
}

div.introed {
	line-height:2;
}

div.introed img {
	float:left;
	padding-left: 42px;
}

div.introed p {
	margin:28px 54px 0 354px;
}

.fasced {
	padding-top:54px;
	line-height:2;
}

.fasced img {
	position:relative;
	float: right;
}

.fasced p {
	width: 644px;
	float:left;
	padding-bottom: 28px;
}

.setsed {
	padding-top:54px;
	line-height:2;
}

.setsed p {
	width:588px;
}

.setsed img {
	float:right;
	margin-right: 84px;
}

.cuadrosets {
	margin:28px 56px 0 28px;
	width:924px;
	height:560px;
	background: url("img/sets_bg.png");
}

.cuadrosets h2 {
	font-size:30px;
	padding-top:20px;
	text-align:center;
	color: #658691;
}

.col3plus {
}

.col3plus li{
	margin:28px 0 28px 28px;
	_margin:28px 0 28px 14px;
	float:left;
	display:block;
	height: 560px;
	width:280px;
	line-height:2;
}

.col3plus li div {
	padding-right:28px;
	height:420px;
	border-right:dotted 2px #b5c6cc;
}

div.noborder {
	border:none !important;
}

.col3plus li h3 {
	line-height:1;
	font-size: 36px;
}

.col3plus li:first-child {
	margin-left:28px;
}

.col3plus li img{
	margin-left: 14px;
}

.col3plus p  {
	margin-top: 21px;
	float: left;
}

.col3plus img.mezcladora {
	position: relative;
	top: 25px;
	left: 20px;
}

.col3plus img.eclipse {
	position: relative;
	top: 80px;
	left: -24px;
}

.col3plus img.corazon {
	position: relative;
	top: 80px;
	left: 45px;
}

.x {
	background:none !important;
}

.soported {
	padding: 56px 0 56px 0;
}

.soported img {
	float: right;
	padding-right: 28px;
	padding-top: 48px;
}

.soported p {
	padding-bottom:28px;
	line-height:2;
	width: 616px;
}

.patitowrap {
	padding:56px 0;
	text-align: center;
}

a.propuestabtn {
	display:block;
	width: 344px;
	height:148px;
	background: url("img/propuesta_btn.png") top;
	text-indent: -9999px;
}

a.propuestabtn:hover, .patitowrap a.propuestabtn:focus {
	background: url("img/propuesta_btn.png") bottom;
}

.centerbtn {
	margin:56px auto 0 auto;
}

.patito {
	margin:0 auto;
	width: 364px;
	text-align:left;
	font-size: 24px;
	line-height:1.6;
}

/* - - - - - -  Padres - - - - - - -  */


h1.titlewpic2 {
	padding-top:90px;
	width:43%;
	float:left;
}

img.picwtitle {
	float:right;
}

.promotext {
	font-size:20px;
}

div.padres h2 {
	font-size:46px;
	margin-top:50px;
	margin-bottom:40px;
}

.columnleft {
	float:left;
	width: 580px;
}

.columnright {
	width: 336px;
	min-height: 364px;
	float: right;
	padding:28px;
}

.quotebg {
	background:url("img/quotesbg.png") no-repeat;
}

.mira {
	font-size:18px;
}

.parentquote {
	font-style:italic;
	padding-bottom:28px;
}

.parentname {
	font-weight:bold;
}

.briefelements {
	margin: 28px 28px 54px 54px;
	line-height: 2.2;
}

.briefelements li {
	margin-bottom: 28px;
	padding-left: 112px;
}


.magazineicon {
	display:block;
	background: url(img/mag_icon.png) no-repeat 0 14px;
}
	
.seticon {
	display:block;
	background: url(img/seticon.png) no-repeat 0 14px;
}

.headicon {
	display:block;
	background: url(img/soporteicon.png) no-repeat 0 14px;
}

.padresfooter {
	background:url(img/padres_footer_bg.gif) repeat-x #dde8ed;
	height:168px;
	border-bottom:1px white solid;
	margin-bottom: 54px;
	overflow:visible;
}

.padresfooter div {
	font-size: 20px;
	padding-top: 20px;
	line-height:1.5;
	display:block;
	width: 980px;
	margin: 0 auto;
}

.padresfooter div p {
	width: 644px;
	float:left;
}

.padresfooter div img {
	float:right;
	padding-right: 64px;
	margin-top:-54px;
}

/* - - - -  Descargas - - - - - */

div.tablebar {
	float:right;
	width:746px;
	margin-bottom:56px;
}

table.tabladescargas {
	border: 0;
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	white-space:normal;
}

table.tabladescargas th {
	font-size:18px;
	font-weight:bold;
}

table.tabladescargas th, table.tabladescargas td {
	padding:5px;
}

table.tabladescargas td a {
	display:block;
	text-decoration:none;
	color:#0078ba;
}

.regularlink {
	text-decoration:none;
	color:#0078ba;
}

th.nombrecol {
	width:50%;
}

th.actualizacioncol {
	width: 23%;
}

th.mac {
	width: 9%;
}

th.win {
	width: 9%;
}

th.pdf {
	width: 9%;
}

table.tabladescargas tr.link {
	border-bottom: 1px #b5cedc solid;
}

table.tabladescargas tr.link:hover {
	background: #c2d7e2;
}

.aleft {
	text-align:left;
}

.aright {
	text-align:right;
}

a.dldwin {
	display:block;
	margin-left: 14px;
	width: 26px;
	height:27px;
	background: url("img/blue_arrow.png") top;
	text-indent: -9999px;
}

a.dldmac {
	display:block;
	margin-left: 14px;
	width: 26px;
	height:27px;
	background: url("img/black_arrow.png") top;
	text-indent: -9999px;
}

a.dldpdf {
	display:block;
	margin-left: 14px;
	width: 26px;
	height:27px;
	background: url("img/red_arrow.png") top;
	text-indent: -9999px;
}

a.dldzip {
	display:block;
	margin-left: 14px;
	width: 26px;
	height:27px;
	background: url("img/green_arrow.png") top;
	text-indent: -9999px;
}

span.dldnot {
	display:block;
	margin-left: 14px;
	width: 23px;
	height:22px;
	background: url("img/not.png") top;
	text-indent: -9999px;
}

.instrucciones {
	margin-top:34px;
	margin-bottom: 50px;
	float:left;
	width:194px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:2px solid #CADDE4;
	background-color:#DBE9EE;
	padding:14px;
}

/*  - - - - - - Login styles - - - - - - */


.list { margin: 0 auto; width: 380px; padding: 10px; background-color: #fff; }

.exists { background: #FBE3E4 url(assets/cross.gif) no-repeat 98% center; border-color: #FBC2C4; color:#8a1f11; }
.avail { background: #D6FFD8 url(assets/success.gif) no-repeat 98% center; border-color: #A0D997; color:#436213; }

#main, #header, #footer {
margin: 0 auto; width: 540px; margin-bottom: 10px; overflow: hidden; }

#main { padding: 15px; width: 510px; border: 1px solid #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius:10px; background:#fff; }
#title { float: left; }
#title a { color: #333; }

#login { margin: 30px 0; float: right; }
#logout { margin: 30px 0; float: right; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(assets/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 3px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

.success_message { display: block; height: 22px; line-height: 22px; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666; border: 1px solid #A0D997; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color: #D6FFD8; background-image: url(assets/success.gif); background-repeat: no-repeat; background-position: 10px center; color:#436213; }

#footer { text-align: right; font-size: 10px; }

label { display:block; font-weight:bold; color:#888; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:12px 0 4px; }

input, textarea, select { padding:7px; border:1px solid #eee; font:16px Arial, Helvetica, sans-serif; width:490px; color:#999; -moz-border-radius:5px; -webkit-border-radius:5px; }

input[type=submit], input.submit { width:auto; background:#08c; border:1px solid #06a; color:#fff; font-weight:bold; margin-top:15px; cursor:pointer; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; }

input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus { background:#06a; color:#fff; }

ul.success-reg { margin: 5px 0; padding:0; };
ul.success-reg li { line-height: 25px; color: #999; list-style: none; }
span.success-info { width: 70px; }

input.edit_search { width:400px; }
select { width:auto; }
input:focus, textarea:focus { border-color:#ccc; color:#555; }

ul.success-reg { margin:10px 10px 10px 0; font-size:120%; }

ul.success-reg li { padding: 5px 0; list-style: none; color: #999; border-bottom:1px dotted #ccc; }

ul.success-reg li span.success-info b { padding-right:5px; color:#222; display:inline-block; width:80px; }

.credentials { width:149px; float:left; text-align: center; padding:0 5px; margin:10px 5px; border-right:1px dotted #ccc; }

/* Form style */

fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #08c; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }

/* Buttons */

a.admin { display:block; width:250px; height:52px; background:url(assets/btn_adminpanel.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }
a.admin:hover { background-position:top; }

a.protected { display:block; width:250px; height:52px; background:url(assets/btn_protected1.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px;}
a.protected:hover { background-position:top; }
a.protected2 { display:block; width:250px; height:52px; background:url(assets/btn_protected2.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }

a.protected2:hover { background-position:top; }
a.protected3 { display:block; width:250px; height:52px; background:url(assets/btn_protected3.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }
a.protected3:hover { background-position:top; }

a.register { display:block; width:509px; height:52px; background:url(assets/btn_register.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }
a.register:hover { background-position:top; }

hr { height:1px; background:#ccc; border:none; }