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

* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

body, html {
	height: 100%;
	background: none;
}

@font-face {
    font-family: 'Roboto-Regular-webfont';
	src: url('../fonts/Roboto-Regular-webfont.eot');
	src: local('☺'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold-webfont';
	src: url('../fonts/Roboto-Bold-webfont.eot');
	src: local('☺'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
li {
	list-style-type: none;
}
a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2E5572;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #4785B1;
}
#aviso_container {
	float: left;
	height: 460px;
	width: 550px;
	padding-right: 20px;
	padding-left: 20px;
	position: absolute;
	background-image: url(../img/backplacaaviso_max.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.top {
	float: left;
	height: 45px;
	width: 100%;
}
.top img {
	display: block;
	float: left;
	height: 40px;
	width: 40px;
	margin-top: 10px;
}
.top h2 {
	float: left;
	width: 550px;
	display: block;
	height: 45px;
	line-height: 45px;
	font-weight: normal;
}
.top #arrow{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

.bottom {
	padding-bottom: 25px;
	position: absolute;
	bottom: 0px;
	width: 550px;
	display: block;
	left: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #2E5572;
	padding-top: 20px;
}

.central {
	float: left;
	width: 100%;
	background-image: url(../img/border_central.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.central_banner {
	float: left;
	width: 100%;
	height: 330px;
	overflow: auto;
	margin-top: 20px;
}


/* Estilos para logueo_matricula.php */

#login_matricula {
	display: block;
	float: left;
	background-image: url(../img/back_loginmatricula.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#login_matricula h2 {
	font-family: Roboto-Regular-webfont, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #2D5371;
	background-image: url(../img/backtop_login.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 25px;
	width: 130px;
	padding-left: 10px;
	font-weight: normal;
}
#central .login{
	background-color: #BCC9D3;
	padding-top: 30px;
	padding-bottom: 60px;
	float: left;
	margin-top: 60px;
	width: 100%;
	display: block;
}
#aviso_container .login div {
	float: left;
	display: block;
	margin-top: 15px;
	width: 100%;
}
#aviso_container .login div label {
	display: block;
	width: 145px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	height: 25px;
	float: left;
	color: #333;
}
.form_logmatricula label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E4E9ED;
	float: left;
	width: 110px;
	margin-left: 15px;
	margin-top: 10px;
}

.campo {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	color: #3E3E3E;
	height: 25px;
	width: 100px;
	margin-left: 15px;
	background-color: #BCC7CE;
	margin-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

#button_logueo {
	background-image: url(../img/button_logueo.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	float: right;
	height: 30px;
	width: 62px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
}

#button_logueo:hover {
	background-position: left bottom;
}

#login_matricula p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	float: left;
	display: block;
	width: 140px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Estilos para logueo_matricula.php */

.fecha {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	color: #333;
	background-image: url(../img/back_fecha.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 25px;
	width: 75px;
	font-size: 12px;
	padding-left: 5px;
}

.central p {
	margin-top: 40px;
	font-weight: bold;
}

h2 , .colegios h2, legislacion h2{
	font-family: Roboto-Regular-webfont, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #2E5572;
	font-size: 12px;
	text-transform: uppercase;
}
.central_banner p {
	font-size: 14px;
	line-height: 20px;
	padding-right: 20px;
}

/* Estilos para form_aviso.php */

#aviso_container form {
	width: 100%;
	margin-top: 20px;
}

#aviso_container form div {
	float: left;
	display: block;
	margin-top: 15px;
	width: 100%;
}

#aviso_container form div label{
	display: block;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	height: 25px;
	float: left;
	color: #333;
}

#aviso_container form div input, #aviso_container form div .select{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	background-color: #B9B9B9;
	display: block;
	float: left;
	height: 25px;
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	color: #333;
	border-left-width: 4px;
	border-left-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
}
#aviso_container form div .select{
	width: 215px;
	padding-right: 0px;
	padding-left: 0px;
}

#aviso_container form div input:focus {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #2D536F;
	background-color: #D7D7D7;
}

#input_short {
	width: 100px;
}

#aviso_container form div textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 375px;
	height: 120px;
	background-color: #B9B9B9;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	overflow: hidden;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 25px;
	border-left-width: 4px;
	border-left-color: #CCC;
}

#aviso_container form div textarea:focus {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #2D536F;
}

#contactform div label .light {
	font-size: 10px;
}

#button_send {
	background-image: url(../img/buttonsend_aviso.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	float: right;
	height: 30px;
	width: 52px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	bottom: 40px;
}

#button_send:hover {
	background-position: left bottom;
}

/* Estilos para form_aviso.php */

.dark_blue {
	background-color: #2E5572;
}

.gray {
	color: #949494;
}

.boldh2 {
	font-weight: bold;
	font-family: Roboto-Bold-webfont, Arial, Helvetica, sans-serif;
	color: #333;
}

.bold {
	font-family: Arial, Helvetica, sans-serif;
}

.light {
	font-weight: normal;
}

#nomargen {
	margin: 0px;
}

#noborde {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}#confirm_container {
	float: left;
	height: 460px;
	width: 550px;
	padding-right: 20px;
	padding-left: 20px;
	position: absolute;
	background-color: #CCC;
}
#confirm_container h2 {
	text-transform: none;
	font-size: 14px;
	line-height: 28px;
	margin-top: 160px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #2E5572;
	color: #CCC;
	padding-left: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
}