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

@media only screen and (min-width: 1150px) and (max-width: 1279px) {
	@-moz-viewport    { width:1150px !important; }
	@-webkit-viewport { width:1150px !important; }
	@-ms-viewport     { width:1150px !important; }
	@-o-viewport      { width:1150px !important; }
	@viewport         { width:1150px !important; }
}
@media only screen and (min-width: 1280px) {
	@-moz-viewport    { width:1280px !important; }
	@-webkit-viewport { width:1280px !important; }
	@-ms-viewport     { width:1280px !important; }
	@-o-viewport      { width:1280px !important; }
	@viewport         { width:1280px !important; }
}


body.inicio {
	background: #7aafd6 url('../images/index-bg.jpg') no-repeat center -20px;
}


/* HEADER
---------------------------------------------------------------------------------------------*/
.inicio #header {
	position: absolute;
	width: 100%;
	height: 200px;
	margin: 0;
	border: none;
	text-align: center;
	box-shadow: none;
	background-image: none;
	background-color: transparent;
}
.inicio #header .content {
	width: 960px;
	height: 200px;
	margin: 0 auto;
}
.inicio #header .content h1 {
	display: block;
	width: 432px;
	height: 155px;
	margin: 0 auto;
	background: url('../images/logo-toovari-index.png') no-repeat;
}
.inicio #header .content h2 {
	overflow: hidden;
	display: block;
	height: 25px;
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 18px;
	color: #FFF;
	font-weight: 300;
}
.inicio #header .content h2 strong {
	text-transform: uppercase;
	font-weight: 700;
}




/* BLOQUES CONTAINER MAIN
---------------------------------------------------------------------------------------------*/
.inicio #container #main {
	margin: 200px 0 130px 0;
}
.inicio #container #main-sections {
	height: 390px;
	padding: 0 20px;
}

.inicio #container #main-sections section {
	clear: both;
	width: 270px;
	padding: 0 0 20px 0;
	background: url('../images/sombra13.png') no-repeat center bottom;
}

.inicio #container #main-sections section .block .title {
	background: transparent url('../images/bg-block1.png') no-repeat right top;
	border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;
}
.inicio #container #main-sections section .block .content {
	position: relative;
	padding: 10px;
	overflow: hidden;
	background: transparent url('../images/bg-block2.png');
	background-size: 100% 100%;
	border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px;
}


/* Bloques Login y Forgot */
.inicio #main-sections section .form-item {
	width: 250px;
	height: 30px;
	margin: 0 0 8px 0;
}
.inicio #main-sections section .form-item:last-child { margin:0; }

.inicio #main-sections section .form-item label { display:none; }

.inicio #main-sections section .text-input input,
.inicio #main-sections section .pass-input input {
	width: 240px;
	height: 30px;
	padding: 0 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #654;
	line-height: 28px;
	border: none;
	box-shadow: 0 0 2px rgba(102,85,68,0) inset;
	background-color: rgba(255,255,255,0.6);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.inicio #main-sections section .text-input input:focus,
.inicio #main-sections section .pass-input input:focus {
	color: #1786b5;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 2px rgba(102,85,68,0.7) inset;
}
.inicio #main-sections section .botones input {
	height: 30px;
	padding: 0;
	font-size: 16px;
	line-height: 28px;
}
.inicio #main-sections section#login .botones input { width:82px; }
.inicio #main-sections section#forgot .botones input { width:121px; float:left; margin:0 0 0 8px; }
.inicio #main-sections section#forgot .botones input:first-child { margin:0; }

/* Login */
.inicio #main-sections section#login .pass-input {
	width: 160px;
	float: left;
}
.inicio #main-sections section#login .pass-input input { width:150px; }

.inicio #main-sections section#login .botones {
	width: 82px;
	float: right;
}
.inicio #main-sections section .data {
	clear:both;
	height: 20px;
	margin: 0;
	font-size: 12px;
	line-height: 20px;
}
.inicio #main-sections section .data a {
	color: #654;
	font-style: italic;
	padding: 4px 0 3px 0;
	border-top: 1px solid rgba(102,85,68,0);
	border-bottom: 1px solid rgba(102,85,68,0);
}
.inicio #main-sections section .data a:hover { color:#1786b5; border-color:#1786b5; }

.inicio #main-sections section .data label { display:inline-block; }


/* Suscripción */
.inicio #main-sections section .content .texto {
	margin: 0 0 10px 0;
	font-size: 14x;
	text-align: center;
}
.inicio #suscripcion .content .texto strong { font-size:18px; }

.inicio #suscripcion .content .botones a.boton {
	float: left;
	display: block;
	width: 91px;
	height: 30px;
	margin: 0 0 0 8px;
	font-size: 16px;
	line-height: 28px;
}
.inicio #suscripcion .content .botones a.boton:first-child { margin:0; }




/* CONTAINER FOOTER
---------------------------------------------------------------------------------------------*/
.inicio #container #foot-sections {
	height: 370px;
	padding: 0 20px;
}

.inicio #container #foot-sections section {
	float: left;
	width: 270px;
	height: 350px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url('../images/sombra13.png') no-repeat center bottom;
}
.inicio #container #foot-sections section:first-child { margin:0 55px 0 0; }
.inicio #container #foot-sections section:last-child { margin:0 0 0 55px; }

.inicio #foot-sections section a.content {
	overflow: hidden;
	display: block;
	position: relative;
	width: 250px;
	height: 330px;
	padding: 10px;
	background-color: #FFF;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
}
.inicio #foot-sections section a.content:hover {
	box-shadow:0 0 20px rgba(12,67,90,0.5); -moz-box-shadow:0 0 20px rgba(12,67,90,0.5); -webkit-box-shadow:0 0 20px rgba(12,67,90,0.5); -ms-box-shadow:0 0 20px rgba(12,67,90,0.5);
}

.inicio #foot-sections section a .title {
	position: absolute;
	left: 10px;
	top: 179px;
	width: 230px;
	padding: 0 10px;
	font-size: 24px;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	line-height: 36px;
	background-color: rgba(23,134,181,0.6);
}
.inicio #foot-sections section a img { display:block; padding:0 0 10px 0; }

.inicio #foot-sections section a .description {
	display: block;
	font-size: 13px;
	font-weight: 100;
	color: #1786b5;
	text-align: justify;
}


/* Slider de noticias */
.rslides-container {
	position: relative;
	width: 270px;
	height: auto !important;
}
.rslides-container .rslides {
	width: 270px;
	height: 350px;
}
.rslides-container .rslides li {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
}
.rslides-container .rslides li:first-child { position:relative; display:block; }

.rslides-container .rslides li img {
	display: block;
	width: 250px;
	height: 205px;
}

/* Paginación */
.transparent-btns_tabs {
	position: absolute;
	z-index: 100;
	left: 0;
	bottom: 5px;
	width: 100%;
	text-align: center;
}
.transparent-btns_nav:focus { outline:none; }

.transparent-btns_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin: 0 3px;
}
.transparent-btns_tabs a {
	overflow: hidden;
	display: inline-block;
	_display: block;
	*display: block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	border: 2px solid #FFF;
	background-color: #FFF;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	box-shadow:0 0 5px rgba(38,76,122,0.8); -moz-box-shadow:0 0 5px rgba(38,76,122,0.8); -webkit-box-shadow:0 0 5px rgba(38,76,122,0.8); -ms-box-shadow:0 0 5px rgba(38,76,122,0.8);
}
.transparent-btns_here a { background-color:#46b9d7; }




/* FOOTER
---------------------------------------------------------------------------------------------*/
.inicio #footer {
	margin-top: -440px;
	padding-top: 70px;
	display: block;
	visibility: visible;
}
.inicio #footer .content {
	width: 100%;
	height: 170px;
	margin: 0;
	padding-top: 240px;
	background-color: #FFF;
}
.inicio #footer .menu,
.inicio #footer .options { margin: 0 auto; width:960px; }



/* COOKIES
---------------------------------------------------------------------------------------------*/
#cookie-law-info-bar {
	position: fixed;
	bottom: 0px;
    z-index: 9999;
    width: 100%;
	margin: 0 auto;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
	line-height: 18px;
	background-color: #FFF;
	border-top: 1px dotted #654;
}

#cookie-law-info-bar span {
	margin: 0 10px;
}

#cookie-law-info-bar span a {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 2px 4px;
	font-weight: 500;
	color: #FFF;
	background-color: #654;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}




/* INFO PADRES Y COLEGIOS
---------------------------------------------------------------------------------------------*/
body.info #container {
	background: url('../images/sombra-registro.png') no-repeat center 675px;
}
body.info #header,
body.info #main { margin:30px 0 170px 0; }

body.info #header {
	position: inherit;
	float: left;
	width: 480px;
	height: 645px;
	border: none;
	text-align: center;
	box-shadow: none;
	background: url('../images/carta-sombra.png'), url('../images/carta2.png');
	background-repeat: no-repeat, no-repeat;
	background-position: right center, center center;
}
body.info #header .content {
	width: 360px;
	height: auto;
	margin: 150px auto 0 auto;
}
body.info #header .content h1 {
	display: block;
	width: 230px;
	height: 56px;
	margin: 5px auto;
	background: url('../images/logo-toovari.png') no-repeat;
}
body.info #header .content h2 {
	font-size: 30px;
	font-weight: 100;
	margin: 0 0 20px 0;
}
body.info.school #header .content h2 { color:#1786b5; }
body.info.home #header .content h2 { color:#73bb1e; }

body.info #header .content p {
	font-size: 16px;
	margin: 0 0 10px 0;
}

body.info #main {
	float: right;
	width: 480px;
	height: 645px;
	text-align: center;
	background: url('../images/carta-brillo.png'), url('../images/carta2.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, center center;
}
body.info #main .content h3 {
	font-size: 24px;
	font-weight: 100;
	margin: 0 0 10px 0;
}
body.info.school #main .content h3 { color:#1786b5; }
body.info.home #main .content h3 { color:#73bb1e; }

body.info #main .content {
	width: 360px;
	margin: 140px auto 0 auto;
}
body.info #main .content p { font-size:16px; }


/* Contacto */
body.info.contacto #header .content h2 { margin-bottom:10px; font-size:29px; color:#1786b5; }
body.info.contacto #main .content h3 { color:#1786b5; }

body.info.contacto #header .botones { margin-top:30px; }




/* FORMULARIO
---------------------------------------------------------------------------------------------*/
body.info .form-item { min-height:40px; margin-bottom:5px; }

body.info .form-item label { display:none; }

body.info .check-input label {
	display: inline !important;
}

/* Campo texto */
body.info .text-input input {
	width: 350px;
	height: 40px;
	padding: 0 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #1786b5;
	line-height: 40px;
	border: none;
	background-color: rgba(255,255,255,0.7);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
body.info .text-input input:focus { color:#654; background-color:rgba(255,255,255,1); }

/* Campo textarea */
body.info .textarea textarea {
	width: 350px;
	height: 85px;
	padding: 5px;
	resize: none;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #1786b5;
	border: none;
	background-color: rgba(255,255,255,0.7);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
body.info .textarea textarea:focus { color:#654; background-color:rgba(255,255,255,1); }

/* Campo select */
body.info .select select {
	float: left;
	width: 360px;
	height: 40px;
	padding: 7px 5px;
	margin: 0 0 0 0;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #1786b5;
	line-height: 40px;
	border: none;
	background-color: rgba(255,255,255,0.7);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
body.info .select select:focus { color:#654; background-color:rgba(255,255,255,1); }

body.info .form-item.check-input { min-height:15px; }

body.info form .botones {
	overflow: hidden;
	margin: 20px 0 0 0;
}