/*
Estilos principales.

Color primario #115AA4
Color secundario #CC211C
*/


body, td, th, button
	{
	font-size: 13px;
	}

body, td, th, p, div, center, blockquote
	{
	color: #333333;
	}

body, td, th, input, textarea, button
	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

body, td, th, h1, h2, h3, input, textarea, button
	{
	line-height: 130%;
	letter-spacing: +1px;
	word-spacing: +1.5px;
	}


/* Estilo general */
td, th, th, div, center, p, dfn, blockquote, strong, span, big, a, ul, li, form, input, textarea, button
	{
	line-height: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
	font-size: inherit;
	color: inherit;
	}

input, button, textarea
	{
	line-height: normal;
	}


/*Estilo de Elementos*/
p
	{
	text-align: justify;
	}


h1
	{
	text-align: left;
	font-size: 25px;
	font-weight: normal;
	color: #115AA4;
	padding: 0px;
	margin: 0px;
	line-height: normal;
	}

h1 span
	{
	color: #2A95E7;
	}

h2
	{
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #CC211C;
	padding: 0px;
	margin: 0px;
	padding-top: 40px;
	line-height: normal;
	}

h2.withoutSpace { padding-top: 0px !important;}

a
	{
	color: #115AA4;
	}

a:active
	{
	border: none;
	}

img
	{
	border: none;
	}

form
	{
	margin: 0px;
	padding: 0px;
	}

button, input.button
	{
	cursor: pointer;
	}

.colored
	{
	color: #115AA4 !important;
	}

.colored2
	{
	color: #CC211C !important;
	}

.colored3
	{
	color: #2A95E7 !important;
	}


.rightposition, .rightPosition
	{
	float: right;
	margin-left: 10px;
	}

.leftposition, .leftPosition
	{
	float: left;
	margin-right: 10px;
	}


img.border
	{
	border: 7px solid #2A95E7;
	}

.pieImagen
	{
	font-size: 11px;
	padding-top: 5px;
	color: #494746;
	text-align: center;
	line-height: normal;
	}

.leftPosition .pieImagen, .rightPosition .pieImagen, .leftposition .pieImagen, .rightposition .pieImagen
	{
	padding-bottom: 5px;
	}


img.middle
	{
	vertical-align: middle;
	}

.aligncenter, .alignCenter
	{
	text-align: center !important;
	}

.alignright, .alignRight
	{
	text-align: right !important;
	}

.alignleft, .alignLeft
	{
	text-align: left !important;
	}

.alignjustify, .alignJustify
	{
	text-align: justify !important;
	}

.bold, .strong
	{
	font-weight: bold;
	}

.italic, .em
	{
	font-style: italic !important;
	}

small, .small
	{
	font-size: 11px !important;
	}

big, .big
	{
	font-size: 16px;
	vertical-align: text-bottom;
	}

.withBig
	{
	line-height: 150%;
	}


.space
	{
	font-size: 1px;
	line-height: normal;
	}

.relative
	{
	position: relative;
	}

.nowrap 
	{
	white-space: nowrap;
	}


.separationTitle
	{
	line-height: normal;

	text-align: right;
	font-size: 18px;
	font-weight: normal;
	color: #115AA4;

	padding-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
		
	border-bottom: 1px dotted #5C5C5C;
	}

a.js
	{
	text-decoration: underline;
	cursor: pointer;
	}

.fraseResaltada
	{
	font-style: italic;
	color: #115AA4;
	font-weight: bold;
	line-height: 150%;
	}

.empresa
	{
	color: #CC211C;
	font-weight: bold;
	}

.spaceSeparation
	{
	height: 20px;
	line-height: normal;
	font-size: 1px;
	}

.readMoreSection
	{
	line-height: normal;
	text-align: left;
	}

.readMoreSection a
	{
	font-weight: bold;
	line-height: normal;	
	color: #CC211C;
	background-image: url(../images/mas-bullet.png);
	background-repeat: no-repeat;
	background-position: left center;	
	padding-left: 17px;
	}

/*Listas*/
.withSpaces
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

.withSpaces li
	{
	margin-top: 20px;
	}

ul.cuadros
	{
	list-style-image:url(../images/bullet-cuadro.png);
	}

ul.cuadros2 {list-style-image:url(../images/bullet-cuadro2.png);}
ul.cuadros3 {list-style-image:url(../images/bullet-cuadro3.png);}

ul.cuadros li, ul.cuadros2 li, ul.cuadros3 li
	{
	padding-left: 5px;
	}



/*Mas Informacion*/
.masInformacion
	{
	padding-top: 20px;
	padding-bottom: 20px;
	}

.masInformacion table
	{
	width: 100%;
	}

.masInformacion td
	{
	text-align: justify;
	vertical-align: middle;
	line-height: 190%;
	}

.masInformacion td a
	{
	font-weight: bold;
	font-size: 16px;
	}


.masInformacion th
	{
	width: 140px;
	height: 120px;
	vertical-align: middle;
	}

.masInformacion th a
	{
	width: 120px;
	height: 120px;
	margin-left: 20px;
	display: block;
	background-image: url(../images/mas-informacion.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}


/*Videos*/
.showVideoZone
	{
	padding-top: 20px;
	padding-bottom: 20px;

	/*Cache*/
	background-image: url(../images/videos/video-bg.png);
	background-repeat: no-repeat;
	background-position: left 500px;
	}

.showVideoZone a
	{
	display: block;
	width: 180px;
	height: 36px;
	background-image: url(../images/videos/video-link.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	
	text-decoration: none;
	}

.showVideoZone a:hover
	{
	background-position: left bottom;
	}

.showVideoVirtualBox
	{
	background-image: url(../images/videos/video-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 433px;
	height: 397px;
	}

.showVideoVirtualBox .closeZone
	{
	text-align: right;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-top: 3px;
	}

.showVideoVirtualBox  button
	{
	border: none;
	background-color: transparent;
	background-image: none;

	
	margin: 0px;
	padding: 0px;

	width: 18px;
	height: 18px;
	
	font-size: 1px;
	}

.showVideoVirtualBox .videoPadding
	{
	padding-left: 4px;
	padding-right: 4px;
	}

.embedVideoZone
	{
	}


.embedVideoZone div.video
	{
	background-image: url(../images/videos/embed-video-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 433px;
	height: 397px;
	}

.embedVideoZone div.video div
	{
	padding-top: 26px;
	padding-bottom: 27px;
	padding-left: 4px;
	padding-right: 4px;
	}


/*Paginados*/
.pagination
	{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	}

.pagination .paginationTitle
	{
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	color: #115AA4;
	}

.pagination a,  .pagination span
	{
	padding-left: 10px;
	padding-right: 10px;
	}

.pagination a:visited
	{
	color: #666666;
	}

/*Imagenes bon Borde*/
.imageBorder
	{
	position: relative;
	overflow: hidden;
	}

.imageBorder div
	{
	font-size: 1px;
	line-height: normal;
	}

.imageBorder img, .imageBorder a
	{
	position: absolute;
	top:0px;
	left:0px;
	}


.imageBorder a img
	{
	position: static !important;
	}

.imageBorder .inRight
	{
	left: auto;
	right: 0px;
	}

.imageBorder .inBottom
	{
	top: auto;
	bottom: 0px;
	}

.imageBorder .top
	{
	position: absolute;
	top:0px;
	left:0px;
	height: 25px;
	width: 100%;
	
	background-image: url(../images/images-border/border-h.png);
	background-repeat: repeat-x;
	background-position: left top;
	}

.imageBorder .top div
	{
	background-image: url(../images/images-border/corners.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

.imageBorder .top div div
	{
	background-position: right top;
	height: 25px;
	}


.imageBorder .bottom
	{
	position: absolute;
	bottom:0px;
	left:0px;
	height: 25px;
	width: 100%;

	background-image: url(../images/images-border/border-h.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

.imageBorder .bottom div
	{
	background-image: url(../images/images-border/corners.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

.imageBorder .bottom div div
	{
	background-position: right bottom;
	height: 25px;
	}

.imageBorder .left
	{
	position: absolute;
	top:0px;
	left:0px;
	width: 8px;
	height: 100%;
	background-image: url(../images/images-border/border-v.png);
	background-repeat: repeat-y;
	background-position: left top;
	}

.imageBorder .right
	{
	position: absolute;
	top:0px;
	right: 0px;
	width: 8px;
	height: 100%;
	background-image: url(../images/images-border/border-v.png);
	background-repeat: repeat-y;
	background-position: right top;
	}

.imageBorderColor .top, .imageBorderColor .bottom {background-image: url(../images/images-border/border-h-c1.png);}
.imageBorderColor .top div, .imageBorderColor .bottom div {background-image: url(../images/images-border/corners-c1.png);}
.imageBorderColor .left, .imageBorderColor .right {background-image: url(../images/images-border/border-v-c1.png);}

.imageBorderColor2 .top, .imageBorderColor2 .bottom {background-image: url(../images/images-border/border-h-c2.png);}
.imageBorderColor2 .top div, .imageBorderColor2 .bottom div {background-image: url(../images/images-border/corners-c2.png);}
.imageBorderColor2 .left, .imageBorderColor2 .right {background-image: url(../images/images-border/border-v-c2.png);}


/*Tablas que muestran imagenes*/
.showImagesBoard
	{
	padding-top: 20px;
	padding-bottom: 20px;
	}

.showImagesBoard td
	{
	vertical-align: bottom;
	text-align: center;
	}

.showImagesBoard th.space
	{
	font-size: 1px;
	line-height: normal;
	width: 30px;
	height: 30px;
	}

.showImagesBoard .pieZone
	{
	padding-top: 10px;
	text-align: center;
	line-height: normal;
	}

.showImagesBoard .pieZone *
	{
	line-height: normal;
	}


/*--------- Parseado de Contenido ---------*/
.parserContentSpace
	{		
	font-size: 1px;
	height: 20px;
	}

/*--Links--*/
a.parserContentLink
	{
	}

/*--Imagenes--*/
.parserContentImageZone
	{
	text-align: center;
	}

h2.parserContentTitle
	{
	padding-top: 10px;
	}

.parserContentShowVideoZone
	{
	padding:0px;
	}

/*Tablas con estilo*/
.tableWithStyle
	{
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	}

.tableWithStyle td, .tableWithStyle th
	{
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	}

.tableWithStyle th
	{
	background-color: #2A95E7;
	font-weight: bold;
	color: #FFFFFF;
	}

.tableWithStyle th.title
	{
	background-color: #115AA4;
	}

/*Links como Botones*/
.buttonLink
	{
	padding-top: 20px;
	}

.buttonLink a
	{
	display: inline-block;
	height: 40px;
	white-space: nowrap;
	overflow: hidden;

	background-image: url(../images/botones/button-center.png);
	background-repeat: repeat-x;
	background-position: left top;

	text-decoration: none;
	cursor: pointer;
	}

.buttonLink a:hover, .buttonLink a:hover span
	{
	background-position: left -40px;
	}


.buttonLink strong
	{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: normal;
	padding-right: 5px;
	}


.buttonLink span
	{
	display: inline-block;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
	line-height: normal;
	font-size: 1px;
	}

.buttonLink span.left
	{
	width: 15px;
	background-image: url(../images/botones/button-left.png);
	}

.buttonLink span.profesores
	{
	width: 52px;
	background-image: url(../images/botones/button-profesores.png);
	}

.buttonLink span.instalaciones
	{
	width: 42px;
	background-image: url(../images/botones/button-instalaciones.png);
	}


/*Formulario de Contacto*/
#contactoForm
	{
	position: relative;
	clear: both;
	padding-bottom: 1px;
	}

#contactoForm .space
	{
	height: 40px;
	}


#contactoForm .contatoFormTitle
	{
	font-size: 14px;
	color: #CC211C;
	line-height: normal;	
	padding-bottom: 20px;
	font-weight: bold;
	}

#contactoForm .formZone
	{
	background-image: url(../images/mas-informacion.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
	}


#contactoForm form
	{
	width: 350px;
	text-align: left;
	}

#contactoForm input, #contactoForm textarea, #contactoForm select
	{
	font-weight: normal;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #115AA4;
	font-size: 12px;
	}

#contactoForm input {padding-right:3px; padding-left:3px; width: 200px;}
#contactoForm textarea {padding:3px; width: 300px; }

#contactoForm label {color:#115AA4; font-size: 12px;}

#contactoForm button 
	{
	background-color: #115AA4;
	color: #FFFFFF;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;	
	}


#contactoForm .inputZone 
	{
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: normal;
	}

#contactoForm input {width: 200px;}
#contactoForm textarea {width: 300px;}
#contactoForm .textareaZone {padding-top: 5px;}
#contactoForm .submitZone {padding-top: 15px; text-align:center;}

#contactoForm .telefonos
	{
	position: absolute;
	width: 200px;
	height: 100px;
	top: 120px;
	right: 15px;
	text-align: center;
	font-size: 14px;
	}


#contactoForm .telefonos div
	{
	text-align: center;
	padding-top: 10px;
	line-height: 130%;
	font-size: 16px;
	}

#contactoForm .contactoSended
	{
	color: #115AA4;
	text-align: center;

	background-image: url(../images/contact/mail-sended.jpg);
	background-repeat: no-repeat;
	background-position: 450px center;

	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 150px;
	}