﻿@charset "utf-8";

.recordar {
	width:800px;
	float:left;
	/*margin-top:20px;
	margin-left:100px;
	margin-bottom:30px;*/
}

.recordar input[type="checkbox"] {
	float:left;
	width:25px;
	height:25px;
	margin-right:10px;
}

.textorecordar
{
	color: #7777777;
	/*font-size: 12px;*/
	width: 100px;
	float:left;
	margin-top: 3px;
}

#barrademo, #barrademo2, #barrademo3, #barrademo4, #barrademo5, #barrademo6, #barrademo7, #barrademo8, #barrademo9, #barrademo10, #barrademo11, #barrademo12, #barrademo13, #barrademo14, #barrademo15, #barrademo16, #barrademo17, #barrademo18, #barrademo19, #barrademo20, #demobar
{
	margin-left:10px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline;
	
}

#barrademo12, #barrademo13
{
	height:20px;
	width:80px;
}
	
#barrademo14, #barrademo15, #barrademo16, #barrademo17, #barrademo18, #barrademo19, #barrademo20, #demobar
{
	margin-left:0px;
	
	
}

	
#barrademo span, #barrademo2 span, #barrademo3 span, #barrademo4 span, #barrademo5 span, #barrademo6 span, #barrademo7 span, #barrademo8 span, #barrademo9 span, #barrademo10 span, #barrademo11 span, #barrademo12 span, #barrademo13 span, #barrademo14 span, #barrademo15 span, #barrademo16 span, #barrademo17 span, #barrademo18 span, #barrademo19 span, #barrademo20 span, #demobar span
{
	display:none;
	visibility:hidden;
}



.eventnaranja a {
                            background-color: orange !important;
                            color: black !important;
							text-align:center;
							line-height:105px;
							font-size:28px;
							height: 100px;width: 100px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;border:1px solid #999;box-shadow: 0 0 8px rgba(0, 0, 0, .8);
						}

.eventazul a {
                            background-color: blue !important;
                            color: black !important;
							text-align:center;
							line-height:105px;
							font-size:28px;
							height: 100px;width: 100px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;border:1px solid #999;box-shadow: 0 0 8px rgba(0, 0, 0, .8);
						}

.eventfijo a {
                            background-color: #5FBA7D !important;
                            color: black !important;
							text-align:center;
							line-height:105px;
							font-size:28px;
							height: 100px;width: 100px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;border:1px solid #999;box-shadow: 0 0 8px rgba(0, 0, 0, .8);
						}
						
						.eventtabla a {
                            background-color: #E8E800 !important;
                            color: black !important;
							text-align:center;
							line-height:105px;
							font-size:28px;
							height: 100px;width: 100px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;border:1px solid #999;box-shadow: 0 0 8px rgba(0, 0, 0, .8);
                        }
						
						.eventcancel a {
                            background-color: red !important;
                            color: black !important;
							text-align:center;
							line-height:105px;
							font-size:28px;
							height: 100px;width: 100px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;border:1px solid #999;box-shadow: 0 0 8px rgba(0, 0, 0, .8);
                        }
						
						
						
					.ui-datepicker {
						display: none;
						width: 860px;
						/*border: 3px solid black;*/
						float:left;
					}
					
					.ui-datepicker .ui-datepicker-header {
						padding: .2em 0;
						position: relative;
					}
					
					.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
						height: 1.8em;
						position: absolute;
						top: 2px;
						width: 1.8em;
					}
					
					.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
					
					.ui-datepicker .ui-datepicker-prev { left: 2px; }
					
					.ui-datepicker .ui-datepicker-next { right: 2px; }
					
					.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
					
					.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
					
					.ui-datepicker .ui-datepicker-prev span {
						display: block;
						left: 50%;
						margin-left: -8px;
						margin-top: -14px;
						position: absolute;
						top: 50%;
						width: 54px; height: 54px; background-image: url(https://servalia.contacomes.org/app/imagenes/home/gestion/tickets/mesanterio.png); position:relative;
					}
					
					.ui-datepicker .ui-datepicker-next span {
						display: block;
						left: 50%;
						margin-left: -45px;
						margin-top: -14px;
						position: absolute;
						top: 50%;
						width: 54px; height: 54px; background-image: url(https://servalia.contacomes.org/app/imagenes/home/gestion/tickets/messiguiente.png); position:relative;
					}
					
					.ui-datepicker .ui-datepicker-title {
						line-height: 1.8em;
						margin: 0 3em;
						text-align: center;
						font-size: 30px;
						background-color:red;
						color:white;
						width:682px;
						margin-right:0px;
					}
					
					.ui-datepicker .ui-datepicker-title select {
						font-size: 1em;
						margin: 1px 0;
					}
					
					.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
					
					.ui-datepicker select.ui-datepicker-month,
					.ui-datepicker select.ui-datepicker-year { width: 49%; }
					
					.ui-datepicker table {
						border-collapse: collapse;
						font-size: 24px;
						margin: 0 0 .4em;
						width: 100%;
					}
					
					.ui-datepicker th {
						border: 0;
						font-weight: bold;
						padding: 5px;
						text-align: center;
						height:122px;
						width:122px;
					}
					
					.ui-datepicker td {
						border: 0;
						padding: 5px;
						height:122px;
						width:122px;
						font-size:28px;
					}
					
					.ui-datepicker td span, .ui-datepicker td a {
						display: block;
						padding: .2em;
						text-align: center;
						text-decoration: none;
						color:black;
					}
					
					.ui-datepicker .ui-datepicker-buttonpane {
						background-image: none;
						border-bottom: 0;
						border-left: 0;
						border-right: 0;
						margin: .7em 0 0 0;
						padding: 0 .2em;
					}
					
					.ui-datepicker .ui-datepicker-buttonpane button {
						cursor: pointer;
						float: right;
						margin: .5em .2em .4em;
						overflow: visible;
						padding: .2em .6em .3em .6em;
						width: auto;
					}
					
					.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
					
					/* with multiple calendars */
					
					.ui-datepicker.ui-datepicker-multi { width: auto; }
					
					.ui-datepicker-multi .ui-datepicker-group { float: left; }
					
					.ui-datepicker-multi .ui-datepicker-group table {
						margin: 0 auto .4em;
						width: 95%;
					}
					
					.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
					
					.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
					
					.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
					
					.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
					
					.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
					
					.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
					
					.ui-datepicker-row-break {
						clear: both;
						font-size: 0em;
						width: 100%;
					}
					
					
					
					/*.ui-icon { width: 54px; height: 54px; background-image: url(https://servalia.contacomes.org/app/imagenes/home/gestion/tickets/messiguiente.png); position:relative; }*/
										
					/* RTL support */
					
					.ui-datepicker-rtl { direction: rtl; }
					
					.ui-datepicker-rtl .ui-datepicker-prev {
						left: auto;
						right: 2px;
					}
					
					.ui-datepicker-rtl .ui-datepicker-next {
						left: 2px;
						right: auto;
					}
					
					.ui-datepicker-rtl .ui-datepicker-prev:hover {
						left: auto;
						right: 1px;
					}
					
					.ui-datepicker-rtl .ui-datepicker-next:hover {
						left: 1px;
						right: auto;
					}
					
					.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
					
					.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
					
					.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }
					
					.ui-datepicker-rtl .ui-datepicker-group { float: right; }
					
					.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
						border-left-width: 1px;
						border-right-width: 0;
						font-size:24px;
					}
					
					.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
						border-left-width: 1px;
						border-right-width: 0;
						font-size:24px;
						font-weight:bold;
					}
					
					
					
					
					
					/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
					
					.ui-datepicker-cover {
						filter: mask(); /*must have*/
						height: 200px; /*must have*/
						left: -4px; /*must have*/
						position: absolute; /*must have*/
						top: -4px; /*must have*/
						width: 200px; /*must have*/
						z-index: -1; /*must have*/
					}

.imgRedonda {
    width:100px;
    height:100px;
    border-radius:50%;
}

div.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 100px;
    width: 100px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
     border:1px solid #999;
	 box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

.platos{
	width: 800px;
}
body{
	font-family:"Roboto Condensed";
}



.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}




#receta {
	display:block;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #042932;
	color: white;
	height: 40px;
	line-height: 40px;
	width: 140px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 25px;
	text-align:center;
}


#fechiniest, #fechfinest {
	float:left;
	font-size: 38px;
	width: 335px;
	height: 70px;
	padding: 3px;
	background: #fbfbfb;
	border: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 40px;
	
}

.izquierda {
	float:left;
	font-size: 35px;
}

.derecha {
	float:right;
	font-size: 35px;
}

#verest {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #090;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 340px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
}



.msgbienve {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
}

.msgbienve .msggris {
	color:#999;
	margin-top: 10px;
	margin-bottom:10px;
}

.contenedor {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width:990px;
	font-size:30px;
	font-family: "Roboto Black";
	
}
.contenedor input, .contenedor select  {
	font-size:40px;
	}
#fotoalum, #fotoprof, #editfalum, #editfprof {
	width: 220px;
}
textarea {
	font-size: 38px;
	width: 860px;
	}
	
.comentalerg
{
	font-size: 38px;
	width: 880px;
}

.tablaasist textarea {
	font-size: 30px;
	width: 216px;
	height: 100px;
}
.contenedor .tabla_principal{
	width: 950px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.banner_enc {
	margin-top: 10px;
	height: 300px;
	line-height: 300px;
	text-align:center;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}

.banner_enc img {
	vertical-align: middle;
}

.banner_pie {
	margin-top: 10px;
	height: 241px;
	line-height: 241px;
	text-align:center;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}

.banner_pie img {
	vertical-align: middle;

}


.encabezado {
	margin-right: auto;
	margin-left: auto;
	width: 650px;
	clear:both;
}
h1 {
	text-align: center;
}
.alumnoeliminar, .asistencias, .comedores  {
	width:90px;
	height:90px;
}

.alumnoscheckbox
{
	width:70px;
	height:70px;
}

.logo {
	display: block;
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 100px;*/
	margin-top: 20px;
	width:313px;
	height:386px;
}
.logoop {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	width:351px;
	height:353px;
}
.caja {
	background-color: #999;
	width: 330px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#FFF;
	font-family: "Roboto Black";
}

.bienvenido
{
	margin-top:20px;
	margin-left: 20px;
	width: 928px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-right: auto;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid #dddddd;
	border-radius:20px;
	font-size:21px;
	font-weight:bold;
}

.bienvenido .centrado {
	float:left;
	width:560px;
	display:block;
	text-align:center;
}

.bienvenido .centrado img {

	width:500px;
	display:block;
	margin-left:auto;
	margin-right:auto;

}

.sumaarchivo
{
	margin-top:5px;
	margin-left: 20px;
	width: 670px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 30px;
	border: 2px solid #dddddd;
	border-radius:20px;
	font-size:21px;
	font-weight:bold;
	float:left;
}

.sumaarchivo img
{
	
	width:110px;
	margin-bottom: 25px;
}


.sumaarchivo div
{
	float:left;
	width:110px;
	margin-top:15px;
	margin-left: 20px;
	text-align: center;
	line-height:50px;
	color: #009900;
	display:inline-block;
}

.menutotal
{
	margin-top:5px;
	margin-left: 10px;
	width: 235px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-right: auto;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 30px;
	border: 2px solid #dddddd;
	border-radius:20px;
	font-size:21px;
	font-weight:bold;
	float:left;

}

.menutotal img
{
	margin-top:20px;
	width:80px;
	margin-bottom:30px;

}

.menutotal div
{
	float:left;
	margin-top:15px;
	text-align:center;
	color: #900;
	display:inline-block;
	width:115px;
	height:227px;
}

.menutotal a
{
	text-decoration:none;
	color: #900;
}

.paneltot
{
	margin-top:20px;
	margin-left: 20px;
	width: 928px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-right: auto;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid #dddddd;
	border-radius:20px;
	font-size:21px;
	font-weight:bold;
}

.paneltot img
{
	width:110px;
	margin-bottom: 10px;
}

.paneltot div
{
	float:left;
	width:130px;
	margin-top:15px;
	text-align: center;
	color: #777777;
	display:inline-block;
	font-size:16px;
	position:relative;
	margin-bottom:10px;
}

.paneltot h2 {

position: absolute;

top: 14px;

left: 10px;

width:110px;

color:black;
font-size:30px;

}






.traducirtexto
{
	float:left;
	width: 291px;
	
	overflow: hidden;
	
	
	
	
	font-family:Verdana, Geneva, sans-serif;
	
	
	font-size:21px;
	font-weight:bold;
}

.traducirtexto img
{
	width:291px;
	margin-bottom: 10px;
}

.traducirtexto div
{
	float:left;
	width:291px;
	margin-top:15px;
	text-align: center;
	color: #777777;
	display:inline-block;
	font-size:16px;
	position:relative;
	margin-bottom:10px;
}

.traducirtexto h2 {

position: absolute;

top: 280px;

left: 10px;

width:291px;

color:grey;
font-size:24px;

}





.totalrestantes
{
	margin-top:20px;
	margin-left: auto;
	width: 220px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	margin-right: auto;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	font-size:31px;
	font-weight:bold;
}

.totalrestantes img
{
	width:210px;
	margin-bottom: 10px;
}

.totalrestantes div
{
	float:left;
	width:220px;
	margin-top:15px;
	text-align: center;
	color: #777777;
	display:inline-block;
	font-size:20px;
	position:relative;
	margin-bottom:10px;
}

.totalrestantes h2 {

position: absolute;

top: 44px;

left: 55px;

width:110px;

color:black;
font-size:40px;

}






.panelmonit
{
	margin-top:20px;
	margin-left: 20px;
	width: 928px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-right: auto;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid #dddddd;
	border-radius:20px;
	font-size:21px;
	font-weight:bold;
}

.panelmonit img
{
	width:110px;
	margin-bottom: 10px;
}

.panelmonit div
{
	float:left;
	width:130px;
	margin-top:15px;
	text-align: center;
	color: #777777;
	display:inline-block;
	font-size:16px;
	margin-bottom:10px;
	margin-left:20px;
}


.panelpadre
{
	margin-top:20px;
	margin-left: 20px;
	width: 928px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-right: auto;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid #dddddd;
	border-radius:20px;
	font-size:21px;
	font-weight:bold;
}

.panelpadre img
{
	width:110px;
	margin-bottom: 10px;
}

.panelpadre div
{
	float:left;
	width:130px;
	margin-top:15px;
	text-align: center;
	color: #777777;
	display:inline-block;
	font-size:16px;
	margin-bottom:10px;
	margin-left:20px;
}


.area {
	width: 910px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	color: #777;
	font-size: 35px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid grey;
}
#comentob {
	width:900px;
}

.areaop {
	width: 700px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 25px;
	font-weight: normal;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	color: #777;
	font-size: 35px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid grey;
}

.areaop .centrado {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.areaop .centrado input[type="submit"]
{
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 440px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
}

.areaop .centrado input[type="submit"]:active
{
	background-color: #ff560b;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 440px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
}

.areaop input[type="text"], .areaop input[type="password"], .seleccionar, .area input[type="text"], .area input[type="date"], .area input[type="password"] {
	font-size: 38px;
	width: 820px;
	height: 70px;
	padding: 3px;
	margin: 2px 6px 5px 0;
	background: #fbfbfb;
	border: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 40px;
}

.seleccionarbox {
	font-size: 38px;
	width: 670px;
	padding: 3px;
	margin: 2px 6px 5px 0;
	background: #fbfbfb;
	border: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 40px;


}

.areaop input[type="number"] {
	font-size: 38px;
	width: 50px;
	height: 70px;
	padding: 3px;
	margin: 2px 6px 5px 0;
	background: #fbfbfb;
	border: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 20px;
}

.area input[type="number"] {
	font-size: 38px;
	width: 50px;
	height: 70px;
	padding: 3px;
	margin: 2px 6px 5px 0;
	background: #fbfbfb;
	border: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 20px;
}

.piebot {
	width: 760px;
	
	padding-bottom: 25px;
	/*padding-top: 25px;*/
	margin-left: auto;
	margin-right: auto;
	
}

.piebot a, .piebotini a {
	text-decoration:none;
}

.piebotini {
	width: 920px;
	padding-bottom: 25px;
	/*padding-top: 25px;*/
	margin-left: 13px;
	margin-right: auto;
}
.piebotiniayuda {
	width: 920px;
	padding-bottom: 25px;
	margin-top: 20px;
	padding-top: 25px;
	margin-left: 13px;
	margin-right: auto;
	border: 2px solid grey;
}


.centrardiv {
	width: 940px;
	margin-left:auto;
	margin-right:auto;
}

.centrardivayuda {
	width: 1340px;
	margin-left:auto;
	margin-right:auto;
}

.piebotini img {
	width: 148px;
	margin-left: 120px;
	height: 148px;
}

.piebotiniayuda img {
	width: 148px;
	margin-left: 120px;
	height: 148px;
}

.piebotiniprin {
	width: 920px;
	
	padding-bottom: 25px;
	padding-top: 25px;
	margin-left: 38px;
	margin-right: auto;

}
.piebotiniprin img {
	width: 148px;
	margin-left: 120px;
	height: 148px;
}

.piebot img {
	width: 148px;
	margin-left: 33px;
	height: 148px;
}
.linnaranjaop {
	border-left: 10px solid #ff560b;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}
.linnaranja {
	border-left: 10px solid #ff560b;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.linnaranjaayuda {
	border-left: 10px solid #ff560b;
	width: 1330px;
	height: 933px;
	margin-left: auto;
	margin-right: auto;
}
.areaayuda {
	width: 1300px;
	height: 923px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	color: #777;
	font-size: 35px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid grey;
}

.salir a:link, .salir a:visited {
	float: right;
	margin-right: 5px;
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 240px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
	font-size: 35px;
	text-align:center;
	border-radius: 2px;
	margin-bottom: 10px;
}
.areaop input[type="button"], .areaop input[type="submit"] {
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 240px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
}
.area input[type="button"], .area input[type="submit"] {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 740px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
}

label {
	font-size: 50px;
}

.botoneshref a:link, .botoneshref a:visited, .botoneshref a:active {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 740px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
	text-decoration:none;
}

input[type="file"] {
	display: none;
}
.upload{
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 240px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
	display:inline-block;
}

.uploadpeq{
	background-color: #042932;
	color: white;
	height: 75px;
	line-height: 75px;
	width: 180px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
	display:inline-block;
}

.select input[type="submit"] {
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 240px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
}
.salir a:active {
	float: right;
	margin-right: 5px;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 240px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
	font-size: 35px;
	text-align:center;
	background-color: #ff560b;
	border-radius: 2px;
	margin-bottom: 10px;
}
.areaop input[type="button"]:active, .areaop input[type="submit"]:active {
	margin-right: 5px;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 240px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
	font-size: 35px;
	text-align:center;
	background-color: #ff560b;
	border-radius: 2px;
}
.contenedor .menu{
	width: 910px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	color: #777;
	font-size: 35px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
}
.contenedor .submenu input {
	margin-bottom: 10px;
	margin-left: 10px;
}
.contenedor .formalumestilo {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	background-color: #999;
	color:#FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.formalumestilo a:link, .formalumestilo a:visited , .formalumestilo a:focus{
	color: #900;
	background-color:#B9B9B9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
	display: inline-block;
	width: 850px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
}
.formalumestilo a:active , .formalumestilo a:hover{
	color: #F00;
	background-color: #CCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
	display: inline-block;
	width: 850px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
}
.linea {
	display: inline-block;
	width: 412px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
.seccion {
		background-color: #999;
		margin-bottom: 10px;
		padding: 4px;
		border-style: double;
		border-width: 3px;
		color: #333;
		background: #EFEFEF;
}
fieldset {
		margin-top: 10px;
		width: 940px;
}
.sinancho {
	width: 0px;
}
legend {
		text-height: 30px;
		font-weight: bold;
}
.thumb {
		height: 100px;
		width: 100px;
        margin: 10px 5px 0 0;
		vertical-align: middle;
}

.boton a:link , .boton a:visited , .boton a:focus{
		color:#EAEAEA;
		text-decoration: none;
		background-color: #999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: none;
	border-right-color: none;
	border-left-color: none;
	display:inline-block;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size:30px;
}
.boton a:active , .boton a:hover{
		color:#FFF;
		text-decoration: none;
		background-color: #999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: none;
	border-right-color: none;
	border-left-color: none;
	display:inline-block;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size:30px;
}

.botonalum a:link , .botonalum a:visited , .botonalum a:focus{
		color:#EAEAEA;
		text-decoration: none;
		background-color: #999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: none;
	border-right-color: none;
	border-left-color: none;
	display:inline-block;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size:30px;
}
.botonalum a:active , .botonalum a:hover{
		color:#FFF;
		text-decoration: none;
		background-color: #999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: none;
	border-right-color: none;
	border-left-color: none;
	display:inline-block;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size:30px;
}


.botonalumno a:link , .botonalumno a:visited , .botonalumno a:focus{
	color:#333;
	text-decoration:none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: none;
	border-right-color: none;
	border-left-color: none;
	display:inline-block;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight:bold;
	font-size:30px;
}

.botonalumno a:active , .botonalumno a:hover{
	color:#666;
		text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: none;
	border-right-color: none;
	border-left-color: none;
	display:inline-block;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight:bold;
	text-decoration: underline;
	font-size:30px;
}
.tablaasist {
	width: 910px;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size:30px;
}


.tablaasist select {
	font-size:30px;
	font-weight:bold;
	color: grey;
}


.icono
{
	float:left;
	width: 273px;
	height: 340px;
}
.iconoespsup
{
	float:left;
	width: 273px;
	height: 340px;
	margin-left:70px;
	margin-right:70px;
}

.iconopequ
{
	float:left;
	width: 218px;
	height: 270px;
	margin-left: 11px;
}

.iconoopcion
{
	float:left;
	width: 275px;
	height: 337px;
	margin-top: 3px;
	margin-left:67px;
	margin-right:69px;
}
.iconoopciones
{
	float:left;
	width: 291px;
	height: 293px;
	margin-top: 3px;
	margin-left:5px;
	margin-right:5px;
}

.iconoopcionesprin
{
	float:left;
	width: 291px;
	margin-top: 3px;
	margin-left:5px;
	margin-right:5px;
}

.iconoopcionesturno
{
	float:left;
	width: 291px;
	margin-top: 3px;
	margin-left:95px;
}

.iconoopcionesprinlin
{
	float:left;
	width: 215px;
	margin-top: 3px;
	margin-left:5px;
	margin-right:5px;
}

#listauno
{
	width: 215px;
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
}
#listauno img
{
	width: 215px;
}


.iconoarchivos
{
	float:left;
	width: 291px;
	height: 350px;
	margin-top: 3px;
	margin-left:5px;
	margin-right:5px;
}

.iconobotones {
	float:left;
	width: 150px;
	height: 188px;
	margin-top: 3px;
	margin-left:60px;
}

.centrar img {
	float:left;
	display:block;
	width:180px;
	margin-top: 40px;

}

.foto img {
	float:left;
	display:block;
	width:170px;
	margin-top: 20px;
}



.pie {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	color:#000;
	font-weight: bold;
	height: 20px;
	text-align: center;
	padding-top: 2px;
}

.botpequ
{
	display:block;
	float:right;
	width: 200px;
}

.area .botpequ input[type="submit"], .area .botpequ input[type="button"]
{
	
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 200px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
}

.advertencia
{
	width: 850px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	border: 2px red solid;
	padding: 10px;
	height: 90px;
}

.centraradvert
{
	line-height: 90px;
	font-size: 45px;
	float:left;
	margin-right: 15px;
}

.centraradvertdos
{
	line-height: 90px;
	font-size: 30px;
	float:left;
	margin-right: 15px;
}

.advertencia input[type="submit"]
{
	width:140px;
	height:90px;
	background-color: #042932;
	color: white;
	line-height: 90px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 25px;
	text-align:center;
	margin-top:5px;
	margin-bottom:0px;
	float:right;
}

.checkcometodo
{
	font-size:14px;
	text-align:center;
	color: grey;
	float:right;
	margin-right: 95px;
	
}

.recuadro
{
	width: 885px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-top: 25px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	border: 2px solid grey;
	border-radius: 20px;
}

.uploadflotder{
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 240px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
	display:inline-block;
	float:right;
	margin-top: 10px;
}

.selectimag{
	width: 70px;
	float:left;
	margin-top:20px;
	margin-left:50px;
	margin-right:20px;
}

.anchuracelda{
	width: 670px;
}


/*OCUPAR LA FRANJA DEL VIDEO IZQUIERDA UN POCO MAS (LOGIN)*/
@media (max-width:600px)
{
	._stack-behind-bg {
		right:80px !important;
	}
}
/*PONER LA CAJA DEL LOGIN TRANSPARENTE*/
.caja_login {
	opacity: 0.8;
}