/* Created by TopStyle Trial - www.topstyle4.com */
body {
	font-family: Verdana,sans-serif,Arial;
	font-size:0.8em;
	text-align: justify; 
	margin: 0px;
}

p{
/*	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;*/
	color: #000000;
	margin-right: 60px;
	margin-left: 60px;
	line-height: 20px;
}

#principal{
/*	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 0.8em;
	color: #000000;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 13px;
	text-align: left;
}

h3
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: white;
}

h1{
	font-family: verdana;
	font-size: 1em;
	font-weight: bolder;
	margin-right: 60px;
	margin-left: 60px;
	color:#1f92b6;
	
}

h2{
	font-family: verdana;
	font-size: 0.9em;
	font-weight: bolder;
	margin-right: 60px;
	margin-left: 60px;
	color:#1f92b6;
	
}

ul
{
 	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-weight: bold;
	/*font-size: 0.7em;*/
	color: #000000;
	line-height: 20px;
	list-style-position: outside;	
	margin-right:60px;
	margin-left:60px;
}



li
{
	font-weight: normal;
}

.listaLetras
{	
	list-style-type: lower-alpha;
}

.listaNumeros
{	
	list-style-type: decimal;
}

.clear
{
	clear: both;
}

.centro
{
	left: 200px;
}

.tabla
{
	display: table;
	width:100%;
	height:100%;	
}

.fila
{
	display: table-row;
}

.celda
{
	display: table-cell;
}


.right
{
	float: right;
}
.left
{
	float:left;
}

.textoDerecha
{
	text-align: right;
}

.paddingBottom
{
	padding-bottom: 40px;
}

.ancho100
{
	width: 100%;
}

.ancho90
{
	width: 90%;
}


a
{
	text-decoration:none;
	color: white;
}

a#documento
{
	text-decoration:none;
	color: #333;
}

a#enlace
{
	text-decoration:none;
	color: #ae37ff;
}

img
{
	border: 0;
}

/************************************CABECERA******************************/
.cabecera
{		
	margin-top: 0px;			
	width: 100%;
	height: 206px; 
	left: 0px;
	position: relative;	
	display: table;
}



.cabeceraDcha
{
	background-image: url(../imagenes/cabeceraDcha.jpg);
	background-repeat: no-repeat;	
	width: 757px;
	height: 206px; 		
	display: table-cell;
	background-position: right;
	float:right;
	margin-left:260px;
	*margin-left:0px; 
}

.cabeceraIzqda
{
	background-image: url(../imagenes/cabeceraIzqda.jpg);
	background-repeat: no-repeat;			
	width: 243px;
	height: 206px; 			
	display: table-cell;
	float:left;
}

.cabeceraCentro
{
	background: url(../imagenes/cabeceraCentro.jpg) repeat-x;
	height: 206px; 		
	display: table-cell;
	
}
/************************************************************************/

/*********************************Cuerpo*********************************/

.cuerpo
{
	width:100%
	position:relative;
	border:1px solid red;	
}

.columnaIzquierda
{
	width: 215px;		
	float: left;
}

.columnaDerecha
{
	width: 219px;		
	float: right;
}

.columnaVerde
{
	background-image: url(../imagenes/columnaVerde.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
	width: 219px;	
	height: 367px;	
}

.columnaNaranja
{
	background-image: url(../imagenes/columnaNaranja.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 215px;
	height: 367px;			
	/*float: right;
	position: relative;*/
}

.columnaMorada
{
	background-image: url(../imagenes/cuadroMorado.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 219px;
	height: 260px;			
/*	float: right;
	position: relative;*/
}

.columnaAzul
{
	background-image: url(../imagenes/cuadroAzul.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 219px;
	height: 260px;
}

.tituloVerde
{	
	color: #ffffff;
	position: relative;
	top: 35px;
	left: 30px; 
	width:150px;
}

.tituloNaranja
{	
	color: #ffffff;
	position: relative;
	top: 35px;
	left: 81px; 
	width: 100px;	
}

.capaTexto
{
	width:165px;;
	height: 280px;
	overflow: hidden;
	top: 62px;
	left: 12px;
	position:relative;
}

.capaTexto1
{
	width:165px;;
	height: 280px;
	overflow: hidden;
	top: -62px;
	left: 12px;
	position:relative;
}

.capaTextoVerde
{
	position: relative;
	width:200px;
	overflow: hidden;
	top: 62px;
	height: 250px;
}

.capaTextoNaranja
{
	position: relative;
	width:200px;
	overflow: hidden;
	top: 62px;
	height: 250px;
}

.capaTextoMorada
{
	position: relative;
	width:200px;
	overflow: hidden;
	top: 42px;
	height: 150px;
}

.capaTextoAzul
{
	position: relative;
	width:200px;
	overflow: hidden;
	top: 42px;
	height: 150px;
	left: -25px;
}

.masVerde
{	
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	top: 72px;;
	left:140px;
	width:40px;
	position: relative;	
}

.masNaranja
{	
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	top: 72px;
	left:165px;
	width:40px;
	position: relative;	
}

.ulNaranja
{
	list-style-image: url(../imagenes/liNaranja.jpg);	
	list-style-type: none;	
	font-size: 0.8em;
	display: inline-block;	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-weight: normal;	
	color: #000000;
	line-height: 13px;
	list-style-position: outside;	
	margin-right:0px;
	margin-left:20px;	
	*font-size:1.0em;
	*margin-left:55px;	
}

.ulMorado
{
	list-style-image: url(../imagenes/liMorado.png);	
	list-style-type: none;	
	font-size: 0.8em;
	display: inline-block;	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-weight: normal;	
	color: #000000;
	line-height: 13px;
	list-style-position: outside;	
	margin-right:0px;
	margin-left:25px;	
	*font-size:1.0em;
	*margin-left:55px;	
}

.ulAzul
{
	list-style-image: url(../imagenes/liAzul.jpg);	
	list-style-type: none;	
	font-size: 0.8em;
	display: inline-block;	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-weight: normal;	
	color: #000000;
	line-height: 13px;
	list-style-position: outside;	
	margin-right:0px;
	margin-left:20px;	
	*font-size:1.0em;
	*margin-left:55px;	
	
	
}

a .liNaranja
{
	color: black;
}

.liNaranja a
{
	color: black;
}


.liMorado a
{
	color: black;
}

.liNaranja
{
	font-weight:bold;
	text-align:left;
}

.liMorado
{
	font-weight:bold;
	text-align:left;
}

.liAzul
{
	font-weight:bold;
	text-align:left;
}

.opciones
{
	width:61%;
}

#opcion1
{	
	width: 48%;
	float: left;
	height: 140px;	
}

#opcion2
{	
	width: 48%;
	float: left;
	height: 140px;
}


#opcion3
{
	width: 48%;
	float: left;
	height: 110px;
}

#opcion4
{
	float:right;
	width: 50%;	
	left:10px;	
}

#opcion5
{
	float:right;
	width: 50%;	
	left:10px;
}

#opcion6
{
	float:right;
	width: 50%;	
	left:10px;	
}

#contenedorOpcion
{
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
	position: relative;		
}

#contenedorOpcion1
{
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top:130px;		
}

#contenedorOpcion2
{
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
	position: relative;		
}

.imagenOpcion
{
	float: right;
}

/******************************************* PIE *********************************************/
#contenedorPie
{
	overflow: auto;
	height:127px;
	width:90%;
	margin-left:auto;
	margin-right:auto;		
}

.cuadroAzul
{
	background-image: url(../imagenes/cuadroEscuelaPadres.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:299px;
	height: 127px;
	float: left;	
}

.cuadroRojo
{
	background-image: url(../imagenes/cuadroFotos.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:299px;
	height: 127px;
	float: left;	
	margin-left: 120px;
}

.cuadroAmarillo
{
	background-image: url(../imagenes/cuadroVer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:299px;
	height: 127px;
	float: right;	
}

.capaTextoPieAzul
{
	width:280px;
	height: 80px;
	overflow: hidden;
	top: 40px;
	left: 12px;
	position:relative;
	text-align:left;
	*top: 50px;
}

.capaTextoPieRojo
{
	width:280px;
	height: 80px;
	overflow: hidden;
	top: 40px;
	position:relative;
	text-align:left;
	*top: 50px;
	*left: 12px;
}

.ulBlanco
{
	list-style-image: url(../imagenes/liBlanco.gif);		
	list-style-type: none;	
/*	font-size: 0.8em;*/
	display: inline-block;
	color:white;	
 	font-weight: normal;		
	line-height: 15px;
	list-style-position: outside;	
	margin-right:0px;
	margin-left:0px;
	*font-size: 1.0em;
	*margin-left:20px;
}


.liBlanco
{
	font-weight:bold;
}

.masAzul
{	
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	top: -10px;
	left: 240px;
	width:40px;
	position: relative;
	*font-size:1.1em;
	*top: -15px;
	
}

.masRojo
{	
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	top: -10px;
	left: 245px;
	width:40px;
	position: relative;	
	*font-size:1.1em;
	*top: -5px;
	
}
/*********************************************************************************************/
/************************************** CONTENEDOR PRESENTACION*******************************/

.general
{
	margin: 0px;
	width:100%;
}

.contenedorPresentacion
{
	background-image: url(../imagenes/fondoPresentación.jpg);
	background-repeat:repeat-X;
	background-position: top;	
	margin:0px;
}


.contenedorCamaras
{
	background-image: url(../imagenes/fondoCamaras.png);
	background-repeat:no-repeat;
	background-position: top;	
	margin:0px;
}

#fondoPresentacionObjetos
{
	background-image: url(../imagenes/fondoPresentacionObjetos.png);
	background-repeat: no-repeat;
	width:975px;
	min-height: 408px;
	margin-left: auto;
	margin-right:auto;	
}

#fondoCamarasObjetos
{	
	background-image: url(../imagenes/fondoPresentacionObjetosCamaras.png);
	background-repeat: no-repeat;
	width:975px;
	min-height: 408px;
	margin-left: auto;
	margin-right:auto;	
}


#fondoPresentacionObjetosFotos
{
	background-image: url(../imagenes/fondoPresentacionObjetosFotos.png);
	background-repeat: no-repeat;
	width:975px;
	min-height: 408px;
	margin-left: auto;
	margin-right:auto;	
}

#fondoPresentacionObjetosEscuela
{
	background-image: url(../imagenes/fondoPresentacionObjetosEscuela.png);
	background-repeat: no-repeat;
	width:975px;
	min-height: 408px;
	margin-left: auto;
	margin-right:auto;	
}

#fondoPresentacionObjetosCalendario
{
	background-image: url(../imagenes/fondoPresentacionObjetosCalendario.png);
	background-repeat: no-repeat;
	width:975px;
	min-height: 408px;
	margin-left: auto;
	margin-right:auto;	
}


#fondoPresentacionObjetosContacto
{
	background-image: url(../imagenes/fondoPresentacionObjetosContacto.png);
	background-repeat: no-repeat;
	width:975px;
	min-height: 408px;
	margin-left: auto;
	margin-right:auto;	
}



#contenedorTexto
{
	margin-left: auto;
	margin-right:auto;
	width: 845px;
	position: relative;
	top: -160px;	
	left: 35px;
	padding-top:10px;
	border-left: 1px solid #999;
}

#contenedorCalendario
{
	margin-left: auto;
	margin-right:auto;
	width: 519px;
	position: relative;
	top: -150px;	
	left: 36px;
	padding-top:10px;	
}

#contenedorContacto
{
	margin-left: auto;
	margin-right:auto;
	width: 519px;
	position: relative;
	top: -150px;	
	left: 36px;
	padding-top:10px;	
}


#cesped
{
	background-image:url(../imagenes/cesped.png);
	background-repeat: repeat-x;	
	width:100%;
	height:265px; 	
	margin:0px;	
	margin-top:-265px;
	clear: both;

}

#cespedFotos
{
	background-image:url(../imagenes/cespedFotos.png);
	background-repeat: repeat-x;	
	background-position:bottom left;
	width:100%;
	height:465px; 	
	margin:0px;	
	margin-top:-160px;
	clear: both;

}

#cespedCamaras
{	
	background-image:url(../imagenes/cespedCamaras.png);
	background-repeat: repeat-x;	
	background-position:bottom left;
	width:100%;
	height:auto; 	
	margin:0px;	
	margin-top:-200px;
	clear: both;


}

#cespedEscuela
{
	background-image:url(../imagenes/cespedEscuela.png);
	background-repeat: repeat-x;	
	width:100%;
	height:230px; 	
	margin:0px;	
	margin-top:-230px;
	clear: both;

}

#cespedCalendario
{
	background-image:url(../imagenes/cespedCalendario.png);
	background-repeat: repeat-x;	
	width:100%;
	height:265px; 	
	margin:0px;	
	margin-top:-265px;
	clear: both;

}

.sombraDcha
{
	background-image: url(../imagenes/sombraDcha.png);
	background-repeat: repeat-y;
}

.sombraAbajo
{
	background-image: url(../imagenes/sombraAbajo.png);
	background-repeat:no-repeat;
	width: 846px;
	height: 50px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 35px;
	top: -173px;
}

.sombraArriba
{
	background-image: url(../imagenes/sombraArriba.png);
	background-repeat:no-repeat;
	width: 845px;
	height: 20px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 34px;
	top: -150px;
}

.calendarioArriba
{
	background-image: url(../imagenes/calenadarioArriba.png);
	background-repeat:no-repeat;
	width: 519px;
	height: 43px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 36px;
	top: -150px;
}

.fondoCalendario
{
	background-image: url(../imagenes/fondoCalendario.png);
	background-repeat:repeat-y;
	width: 521px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 34px;	
}

.calendarioAbajo
{
	background-image: url(../imagenes/calenadarioAbajo.png);
	background-repeat:no-repeat;
	width: 519px;
	height: 49px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 36px;
	top: -162px;
}

.contactoArriba
{
	background-image: url(../imagenes/contactoArriba.png);
	background-repeat:no-repeat;
	width: 519px;
	height: 43px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 36px;
	top: -150px;
}

.fondoContacto
{
	background-image: url(../imagenes/fondoContacto.png);
	background-repeat:repeat-y;
	width: 521px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 34px;	
}

.contactoAbajo
{
	background-image: url(../imagenes/contactoAbajo.png);
	background-repeat:no-repeat;
	width: 519px;
	height: 49px;
	margin-left: auto;
	margin-right:auto;	
	position: relative;
	left: 36px;
	top: -162px;
}

#fotos
{
	padding-top:195px;
	padding-left:710px;
}

#camaras
{
	margin-right:auto;
	margin-left:auto;
	width:800px;
	height:600px;
	background: url(../imagenes/teleGrande.png) no-repeat 0px 0px;
}



.cabeceraTabla
{
	font-weight: bold;
	color: #1f92b6;
	font-size: 0.9em;
	border-bottom:1px solid #1f92b6;
}

.columnaTablaDer
{
	border-bottom: 1px solid #e06d49;
	color:#333;
	font-size:0.7em;	
	text-align: center;
}

.columnaTablaDerEnlace
{
	border-bottom: 1px solid #e06d49;
	color:#333;	
	font-weight: bold;
	color: #1f92b6;		
}

.columnaTabla
{
	border-bottom: 1px solid #e06d49;
	color:#333;
	font-size:0.7em;	
	text-align: left;
	text-decoration: none;
}

.columnaTabla1
{
	border-bottom: 1px solid #1f92b6;
	color:#333;
	font-size:0.8em;
	text-align: left;
	text-decoration: none;
}

.columnaTablaDer1
{
	border-bottom: 1px solid #1f92b6;
	color:#333;
	font-size:0.8em;	
	text-align: center;
}	

.columnaTabla2
{
	border-bottom: 1px solid #e049bf;
	color:#333;
	font-size:0.8em;
	text-align: left;
	text-decoration: none;	
}

.columnaTablaDer2
{
	border-bottom: 1px solid #e049bf;
	color:#333;
	font-size:0.8em;	
	text-align: center;
}

.columnaTabla3
{
	border-bottom: 1px solid #72e049;
	color:#333;
	font-size:0.8em;
	text-align: left;
	text-decoration: none;	
}

.columnaTablaDer3
{
	border-bottom: 1px solid #72e049;
	color:#333;
	font-size:0.7em;	
	text-align: center;
}

#pieGris
{
	background-color: #FBA206;
	color: white;
	position: relative;
	font-size:0.8em;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:5px;
	margin-top: 35px;
	padding-right:7px;	
	padding-left: 7px;
	height:21px;
	*font-size:1.1em;
}

.naranja
{
	color:#FBA206;
	font-size: 1.2em;
	margin-left: 30px;
}

.morado
{
	color:#8D2EA2;
	font-size: 1.2em;
	margin-left: 30px;
}
/*********************************************************************************************/

#contenidoCamara
{
	margin-left:90px;
	margin-top:6px;
	height:510px;
	padding-top:8px;
}

.fondoBoton
{
	background:url(../imagenes/fondoBoton.png) no-repeat 0 0;
	border:0px solid #666;
	color: #CCC;
	width:40px;
}

.fondoInput
{
	background:url(../imagenes/fondoInput.jpg) repeat-x 0 0;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#ccc;
	font-family:Verdana, Geneva, sans-serif;
	margin-right:23px;
}

.fondoBotonConectar
{
	background:url(../imagenes/fondoBotonConectar.png) no-repeat 0 0;
	border:0px;
	width:30px;
}

.fondoBotonDesconectar
{
	background:url(../imagenes/fondoBotonDesconectar.png) no-repeat 0 0;
	border:0px;
	width:30px;
}

.labelInput
{
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#botonesTele
{
	padding-left:62px;
}

.fondoContactoDecora
{
	background:url(../imagenes/fondoContactoDecoracion.png) no-repeat 0 0;
	height:111px;
	top:-150px;
	left:250px;
	position:relative;
}

.fondoCalendarioDecora
{
	background:url(../imagenes/fondoCalendarioDecora.png) no-repeat 0 0;
	height:111px;
	left:320px;
	position:relative;
}