@charset 'UTF-8';

@font-face
{
    font-family: 'LigatureSymbols';
    src: url('../fuentes/LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('../fuentes/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../fuentes/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../fuentes/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'gotham';
    src: url('../fuentes/Gotham/Gotham-Book.ttf') format('truetype'),
         url('../fuentes/Gotham/Gotham-Book-Webfont.svg#gotham') format('svg');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'gotham-medium';
    src: url('../fuentes/Gotham/Gotham-Medium.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face {
    font-family: 'gotham-medium-italic';
    src: url('../fuentes/Gotham/Gotham-MediumItalic.ttf') format('truetype');
    font-weight: normal; 
    font-style: italic; 
}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{ 
        box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	} 

	html, body { margin: 0; padding: 0; } 

	body 
	{ 
		/*
			Fallback for browsers that don't support pseudo elements.
		*/

		background: #ffd url('imagenes/bg.png') repeat fixed; 
	} 

		body:before 
		{ 
			content: ''; 
			position: fixed; 
			left: 0; 
			top: 0; 
			width: 100%; 
			z-index: -1; 

			/*
				Default background is a weird gradient so I've set it to stretch to
				100% in both directions. If you replace it with a photo or something,
				set background-size to "cover".
			*/

			background: url( 'imagenes/bg.png' );
			background-size: 100% 100%;
		}

		/*
			The pseudo element below applies a noise pattern to the background image. It's
			meant to help mask blurriness, but you can remove it if you don't like it.
		*/

		body:after
		{
			content: '';
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			/*height: 100%;*/
			z-index: -1;
		}

	img { border: none; }

	body, input, textarea
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		color: #333;
	}

    /*a { text-decoration: none; }*/

    /* PDF document links */ 
    a[href$='.pdf'] { 
        background: transparent url( 'imagenes/icono_pdf.png' ) center left no-repeat; 
        display: inline-block; 
        padding-left: 20px; 
        line-height: 15px; 
    } 

    /* Excel Documents links */ 
    a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] { 
        background: transparent url( 'imagenes/icono_excel.png' ) center left no-repeat; 
        display: inline-block; 
        padding-left: 20px; 
        line-height :15px; 
    } 

    /* Word Document Links */
    a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] { 
        background: transparent url( 'imagenes/icono_word.png' ) center left no-repeat; 
        display: inline-block; 
        padding-left: 20px; 
        line-height: 15px; 
    } 

    /* mailto: links */ 
    a[href^="mailto:"] { 
        background: transparent url( 'imagenes/icono_mail.png' ) center left no-repeat; 
        display: inline-block; 
        padding-left: 20px; 
        line-height: 15px; 
    } 

	strong, b
	{
		font-weight: 400;
		color: #222;
	}

	h1, h2, h3, h4, h5, h6
	{
		font-weight: 400;
		color: #222;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	em, i
	{
		font-style: italic;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
		padding: 1.35em 0 0 0;
		margin: 1.65em 0 0 0;
	}
	
	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	table
	{
		width: 100%;
	}

	form
	{
	}
	
		form input.text,
		form select,
		form textarea
		{
			border: 0;
			background: #f0f0f0;
			padding: 0.65em;
			width: 100%;
		}

		form input.button,
		form input.text,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
		
		form textarea
		{
			height: 15em;
		}
		
		form input:focus,
		form select:focus,
		form textarea:focus
		{
			background: #f5f5f5;
		}

		form ::-webkit-input-placeholder
		{
			color: #999;
		}

		form :-moz-placeholder
		{
			color: #999;
		}

		form ::-moz-placeholder
		{
			color: #999;
		}

		form :-ms-input-placeholder
		{
			color: #999;
		}		

	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table, blockquote, form
	{
		margin-bottom: 2em;
	}
	
	section,
	article
	{
		margin-bottom: 3em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
		}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image-centered img
		{
			margin: 0 auto;
			width: auto;
		}

	ul, ol { list-style: none; } 

	header, nav, section, article, aside, footer {
	   display: block;
	}

	.button {
		box-shadow: inset 0px 1px 0px 0px #6492db; /* CSS3 */
        -moz-box-shadow: inset 0px 1px 0px 0px #6492db; /* Firefox */
        -webkit-box-shadow: inset 0px 1px 0px 0px #6492db; /* Safari */
        -icap-box-shadow: inset 0px 1px 0px 0px #6492db; /* iCab */
        -khtml-box-shadow: inset 0px 1px 0px 0px #6492db; /* Konqueror */
        -o-box-shadow: inset 0px 1px 0px 0px #6492db; /* Opera */
        
        background-color: #307fc9;
		background: -moz-linear-gradient( center top, #307fc9 5%, #1a4dad 100% ); /* Firefox */
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #307fc9), color-stop(1, #1a4dad) ); /* Safari */
        background: -icap-linear-gradient( center top, #307fc9 5%, #1a4dad 100% ); /* iCab */
        background: -khtml-linear-gradient( center top, #307fc9 5%, #1a4dad 100% ); /* Konqueror */
        background: -o-linear-gradient( center top, #307fc9 5%, #1a4dad 100% ); /* Opera */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#307fc9', endColorstr='#1a4dad'); /* IE */

        border: 1px solid #0f57ff;
        border-radius: 4px; /* CSS3 */
		-moz-border-radius: 4px; /* Firefox */
		-webkit-border-radius: 4px; /* Safari */
        -icab-border-radius: 4px; /* iCab */
        -khtml-border-radius: 4px; /* Konqueror */
        -o-border-radius: 4px; /* Opera */

		display: inline-block;
		color: #ffffff;
		font-family: arial;
		font-size: 14px;
		font-weight: bold;
		padding: 3px 12px;
		text-decoration: none;

		text-shadow: 1px 1px 0px #091840; /* CSS3 */
        -moz-text-shadow: 1px 1px 0px #091840; /* Firefox */
        -webkit-text-shadow: 1px 1px 0px #091840; /* Safari */
        -icap-text-shadow: 1px 1px 0px #091840; /* iCab */
        -khtml-text-shadow: 1px 1px 0px #091840; /* Konqueror */
        -o-text-shadow: 1px 1px 0px #091840; /* Opera */
	}

	.button:hover { 
        background-color: #1a4dad; /* CSS3 */
		background: -moz-linear-gradient( center top, #1a4dad 5%, #307fc9 100% ); /* Firefox */
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1a4dad), color-stop(1, #307fc9) ); /* Safari */
        background: -icap-linear-gradient( center top, #1a4dad 5%, #307fc9 100% ); /* iCab */
        background: -khtml-linear-gradient( center top, #1a4dad 5%, #307fc9 100% ); /* Konqueror */
        background: -o-linear-gradient( center top, #1a4dad 5%, #307fc9 100% ); /* Opera */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4dad', endColorstr='#307fc9'); /* IE */
        cursor: pointer; 
	} 

	.button:active {
		position: relative;
		top: 1px;
	}

    .error { 
        display: block; 
        padding: 8px 24px; 
        background-color: #fbd4cc; 
        border-radius: 0.6em; /* CSS 3 */
        -moz-border-radius: 0.6em; /* Firefox */
        -webkit-border-radius: 0.6em; /* Safari */
        -icab-border-radius: 0.6em; /* iCab */
        -khtml-border-radius: 0.6em; /* Konqueror */
        -o-border-radius: 0.6em; /* Opera */
    } 
    
        .error div {
            border-top: 2px solid #db383b; 
            border-bottom: 2px solid #db383b; 
            padding: 4px 0px; 
        } 

        .error p { 
            color: #555; 
            margin: 1px 0px; 
        } 

	.advise { 
        display: block; 
        padding: 8px 24px; 
        background-color: #f4f4c1; 
        border-radius: 0.6em; /* CSS 3 */
        -moz-border-radius: 0.6em; /* Firefox */
        -webkit-border-radius: 0.6em; /* Safari */
        -icab-border-radius: 0.6em; /* iCab */
        -khtml-border-radius: 0.6em; /* Konqueror */
        -o-border-radius: 0.6em; /* Opera */
    } 
    
        .advise div {
            border-top: 2px solid #edd468; 
            border-bottom: 2px solid #edd468; 
            padding: 4px 0px; 
        } 

        .advise p { 
            color: #555; 
            margin: 1px 0px; 
        } 

    .ok { 
        display: block; 
        padding: 8px 24px; 
        background-color: #dcfaca; 
        border-radius: 0.6em; /* CSS 3 */
        -moz-border-radius: 0.6em; /* Firefox */
        -webkit-border-radius: 0.6em; /* Safari */
        -icab-border-radius: 0.6em; /* iCab */
        -khtml-border-radius: 0.6em; /* Konqueror */
        -o-border-radius: 0.6em; /* Opera */
    } 
    
        .ok div {
            border-top: 2px solid #47b304; 
            border-bottom: 2px solid #47b304; 
            padding: 4px 0px; 
        }

        .ok p { 
            color: #555; 
            margin: 1px 0px; 
        } 

      text-decoration: none;
    }

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#contenedor { width: inherit; }
	
		#cabecera { width: inherit; }

		#lenguaje { 
			width: inherit; 
			background-color: #003259; 
			padding: 1px 0; 
		} 
		
			#lenguaje .lang_deco { 
				width: inherit;
				text-align: right; 
				border-top: #315b7b solid 1px; 
				border-bottom: #315b7b solid 1px; 
			} 
			
			.lang_deco div {  
				color: #fff; 
				font-size: 90%; 
				font-weight: 500; 
				width: 980px; 
				margin: 0 auto; 	
			}
			
			#lenguaje img { 
				padding: 4px 6px 3px; 
				vertical-align: middle; 
			}
		
		#colegio { 
			width: 980px; 
			margin: auto; 
			position: relative; 
		}

			#logotipo {
				padding: 6px 20px 6px; 
			}

				#logotipo img {
					width: 100px;
						
				}
			
			#slogan { 
				position: absolute; 
				left: 140px; 
				top: 32px; 
			}
			
			#slogan h1, #slogan p, #social a { 
				color: #0D3668;
			    font-family: gotham-medium, sans-serif, "Trebuchet MS", Verdana; 
			} 
			
			#slogan h1 { 
				text-transform: uppercase; 
			    font-size: 28px; 
			} 
			
			#slogan p { font-style: italic; } 

			#social { 
				text-align: right; 
				position: absolute; 
				right: 0;
				bottom: 8px; 
			}
			
			#social li:last-child a { 
				text-decoration: none; 
				background: url( 'imagenes/menu_triangulo_azul_2.png' ) no-repeat top right; 
				padding-right: 12px; 
			}
			
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
	
	#navegador { 
	    position: relative;
	    width: 980px;
	    margin-left: 50%;
	    left: -490px; 
	    background-color: #165b8e;
	    z-index: 1000;
	    display: block; 
	} 
	
		nav { 
		    border: 0 none;
		    height: 40px;
		    text-align: center;
		    list-style: none;
		    display: block; 
		    margin: 0 auto; 
		    padding: 0; 
		    width: 900px; 
		}
		
			nav ul { 
				min-width: 1%;
			    width: auto;
			    height: inherit; 
			    display: block;
			    list-style: none;
			    margin: 0px; 
			    padding: 0px; 
			}

			nav li { 
			    float: left;
			    margin: 0px 1px;
			} 
			
			nav ul li { 
			    width: 148px; 
			    background-color: #9fb6c4; 
				background-color: rgba( 126, 161, 183, .9 );
			    height: 40px;
			}
		 
			nav ul li:hover { 
			    background: #0d3668 url( 'imagenes/menu_triangulo_rojo.png' ) no-repeat bottom center; 
			    cursor: pointer; 
			}
	
			nav ul li > a { 
				position: relative; 
				width: 148px; 
				height: 40px; 
				margin-left: 50%; 
				left: -74px; 
				display: block; 
				background: transparent none; 
				border: 0 none; 
			    font-family: gotham, Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana; 
			    font-size: 14px; 
			    color: #fff; 
			    text-decoration: none; 
			    line-height: 25pt; 
			    outline: none; 
			} 

			nav ul li.active {
			    background: #0d3668 url( 'imagenes/menu_triangulo_rojo.png' ) no-repeat bottom center; 
			}

				nav ul li ul { 
					padding: 0; 
					margin: 0; 
					border: 0 none; 
				    width: 148px;
				    display: none;
				    position: relative; 
				    text-align: left;
				} 

				nav ul li:hover ul {
				    display: block;
				} 

					nav ul li ul li { 
						border: 0 none; 
						margin: 0; 
						display: block; 
						height: 34px; 
						border-bottom: 2px solid #fff; 
					} 
					
					nav ul li ul li:last-child { 
						height: 32px; 
						border-bottom: none;  
					}
					
					nav ul li li:hover { 
						background: transparent none; 
					} 
					
					nav ul li li a { 
						height: 32px; 
						padding: 0 0 0 25px; 
					    color: #0D3668; 
					    font-family: gotham, Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana; 
					    font-size: 13px; 
					    line-height: 25pt; 
					    text-decoration: none; 
					    outline: none; 
					} 

					nav ul li li:hover a { 
						background: #9fb6c4 url( 'imagenes/menu_triangulo_azul.png' ) no-repeat center left; 
						outline: none; 
					} 

/*********************************************************************************/
/* Columno Izquierda (Menu 2)                                                    */
/*********************************************************************************/
   
	#cuerpo { width: 980px; margin: 0 auto; } 
	
		#col_menu { float: left; display: block; width: 184px; margin: 32px 28px; } 

		#submenu { 
			background-color: #165B8E; 
			border-radius: 0.6em; /* CSS 3 */
		    -moz-border-radius: 0.6em; /* Firefox */
		    -webkit-border-radius: 0.6em; /* Safari */
		    -icab-border-radius: 0.6em; /* iCab */
		    -khtml-border-radius: 0.6em; /* Konqueror */
		    -o-border-radius: 0.6em; /* Opera */
		} 

			#submenu ul { 
				margin: 0; 
				padding: 16px 8px; 
			}

			#submenu li { 
				display: block; 
				border-bottom: 1px dashed red; 
				padding: 4px 0; 
			}

			#submenu li:last-child { 
				border: 0 none; 
			}

				#submenu li a { 
					color: #fff; 
					text-transform: uppercase; 
					text-decoration: none; 
					font-weight: 400; 
					font-size: 14px; 
					outline: none; 
				} 
				
				#submenu li a:hover { 
					color: #9FB6C4; 
					outline: none; 
					text-shadow: 1px 1px 0 #003158; 
					-moz-text-shadow: 1px 1px 0 #003158; /* Firefox */
				    -webkit-text-shadow: 1px 1px 0 #003158; /* Safari */
				    -icab-text-shadow: 1px 1px 0 #003158; /* iCab */
				    -khtml-text-shadow: 1px 1px 0 #003158; /* Konqueror */
				    -o-text-shadow: 1px 1px 0 #003158; /* Opera */
				}

		#ingreso { 
			margin: 16px 0; 
			background-color: #9FB6C4; 
			border-radius: 0.6em; /* CSS 3 */
		    -moz-border-radius: 0.6em; /* Firefox */
		    -webkit-border-radius: 0.6em; /* Safari */
		    -icab-border-radius: 0.6em; /* iCab */
		    -khtml-border-radius: 0.6em; /* Konqueror */
		    -o-border-radius: 0.6em; /* Opera */
		} 
		
			#ingreso div { 
				margin: 0; 
				padding: 8px 8px; 
			} 

			#ingreso p { 
				text-align: right; 
				padding: 0;
				margin: 0;  
			} 

			#ingreso p.login { 
				text-align: left; 
				color: #fff; 
				font-weight: 400; 
				text-transform: uppercase; 
				text-align: left; 
				padding: 4px 0; 
				border-bottom: 1px dashed red; 
				margin-bottom: 4px; 
				text-shadow: 1px 1px 0 #6A8193; 
				-moz-text-shadow: 1px 1px 0 #6A8193; /* Firefox */
			    -webkit-text-shadow: 1px 1px 0 #6A8193; /* Safari */
			    -icab-text-shadow: 1px 1px 0 #6A8193; /* iCab */
			    -khtml-text-shadow: 1px 1px 0 #6A8193; /* Konqueror */
			    -o-text-shadow: 1px 1px 0 #6A8193; /* Opera */
			}

			#ingreso label { 
				color: #fff; 
				display: block; 
				padding-top: 8px; 
				font-size: 14px; 
				font-weight: 400; 
				text-shadow: 1px 1px 0 #6A8193; 
				-moz-text-shadow: 1px 1px 0 #6A8193; /* Firefox */
			    -webkit-text-shadow: 1px 1px 0 #6A8193; /* Safari */
			    -icab-text-shadow: 1px 1px 0 #6A8193; /* iCab */
			    -khtml-text-shadow: 1px 1px 0 #6A8193; /* Konqueror */
			    -o-text-shadow: 1px 1px 0 #6A8193; /* Opera */
			}

			#ingreso input.input, 
			.form input.input, 
			.contacto input.input,
			.contacto select.select, 
			.contacto textarea.textarea {
				color: #333;
				font-weight: 400;  
				width: 168px; 
				border: 0 none; 
				padding: 4px; 
				background-color: #fff;				
				border-radius: 0.3em; /* CSS 3 */
			    -moz-border-radius: 0.3em; /* Firefox */
			    -webkit-border-radius: 0.3em; /* Safari */
			    -icab-border-radius: 0.3em; /* iCab */
			    -khtml-border-radius: 0.3em; /* Konqueror */
			    -o-border-radius: 0.3em; /* Opera */
			    box-shadow: inset -1px 1px 1px #555;
			}

			#ingreso br { display: none; } 
			#ingreso hr { border: 0 none; margin: 16px 0 8px; padding: 0; } 

/*********************************************************************************/
/* Columno Derecha (Contenido)                                                   */
/*********************************************************************************/

        #col_main a:link, #col_main a:visited { color: #003158; }
        #col_main a:hover, #col_main a:active { color: #6A8193; }
    
		#col_main { 
			margin-left: 240px; 
			margin-right: 28px; 
			padding: 24px 0 32px; 
			color: #003158; 
			font-size: 14px; 
			font-weight: 400; 
			line-height: 21px; 
		} 

		#col_main ul { list-style: disc; } 
		#col_main ol { list-style: decimal; } 
		#col_main strong { color: #003158; font-weight: bold; } 

		#col_main h2, #col_main h3 {
			color: #003158; 
			font-family: gotham-medium, Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana; 
			font-size: 18px; 
			text-transform: uppercase; 
			margin-top: 32px; 
		}
		
		
		#col_main h4, #col_main h5 {
			color: #003158; 
			font-family: gotham-medium, Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana; 
			font-size: 16px; 
			text-transform: uppercase; 
			margin-top: 32px; 
		}
		
		#col_main h2 span, #col_main h3 span {
			font-size: 32px; 
		}

		#col_main h4 span, #col_main h5 span {
			font-size: 28px; 
		} 
		
		dt { 
			float: left; 
			width: 130px; 
			padding-right: 12px; 
		} 
		
		/* Logros */
		.logros dt { width: 40px }
		
		dd { 
			display: block; 
			margin-left: 142px; 
		}

		.logros dd { margin-left: 52px; }

		/* Reglamento */
		dl.downloads {}
		
			.downloads dt {
				font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
				font-weight: bold; 
				font-size: 16px; 
				width: 442px; 
				padding-right: 0px; 
				text-transform: uppercase; 
				background: #fff url( 'imagenes/listado_bg_gradiante.jpg' ) no-repeat left top; 
				padding: 4px 8px; 
				border-top: 1px solid #9FB6C4; 
			}
			
			.downloads dd { 
				font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
				font-weight: bold; 
				font-size: 16px; 
				margin-left: 442px; 
				text-align: right; 
				background: #fff url( 'imagenes/listado_bg_gradiante.jpg' ) no-repeat right top; 
				padding: 4px 8px; 
				border-top: 1px solid #9FB6C4; 
			} 
	
			.downloads dd a { text-decoration: none; color: #003158; outline: none; }
			.downloads dd a:hover { 
				color: #6a8193; 
				outline: none; 
				text-shadow: 1px 1px 0 #fff; 
				-moz-text-shadow: 1px 1px 0 #fff; /* Firefox */
			    -webkit-text-shadow: 1px 1px 0 #fff; /* Safari */
			    -icab-text-shadow: 1px 1px 0 #fff; /* iCab */
			    -khtml-text-shadow: 1px 1px 0 #fff; /* Konqueror */
			    -o-text-shadow: 1px 1px 0 #fff; /* Opera */
			}

                .downloads .datetime { 
                    display: inline; 
                    display: inline-block; 
                    margin: 0px; 
                    padding: 0px 2px 0px 4px; 
                    border-left: 1px solid #003158;
                }
                
                .datetime span { 
                    display: block; 
                    font-size: 8px; 
                    line-height: 8px; 
                    margin: 0; 
                    padding: 0px; 
                    cursor: default; 
                } 

                .datetime span:first-child { 
                    font-size: 10px; 
                } 

                .datetime span:last-child { 
                    font-size: 8px; 
                } 
                
		/* Forma de Contacto */
		.contacto {}
		
			.contacto label { 
				display: inline-block; 
				width: 220px; 
				text-align: right; 
				vertical-align: top; 
				padding: 0px 4px; 
				margin: 2px 0px; 
			}
		
			.contacto input.input,
			.contacto select.select,
			.contacto textarea.textarea { 
				margin: 2px 0px; 
				border: 1px solid #9FB6C4; 
			}
		
			.contacto textarea.textarea { 
				width: 360px; 
			}
			
			.contacto p { padding-left: 224px; }
			
		/* Forma de Registro */
		.register .form { 
			width: 320px; 
			margin: 0 auto; 
			text-align: right; 
		} 

			.form label { 
				display: block; 
				padding: 2px 0; 
			} 

			.form input.input {
				width: 180px; 
				border: 1px solid #9FB6C4; 
			} 
			
			.form input.edad { width: 50px; margin-right: 130px; }
			
			.form br { display: none; }
			.form input.button { margin-top: 8px; } 

			
/*********************************************************************************/
/* Image Slider                                                                  */
/*********************************************************************************/

	.marco, .marco_simple {
		border: 5px solid #9bb0be; 
		width: 685px; 
		height: 325px; 
		margin: 6px auto; 
		box-shadow: 0px 0px 12px #999; 
		position: relative; 
	} 
 
        #inicio .marco, 
        #preescolar .marco, 
        #primaria .marco, 
        #secundaria .marco, 
        #preparatoria .marco, 
        .marco_simple { 
          height: 375px;
        }

		.marco_simple img {
			display: block; 
			width: 675px;
			height: 315px; 
		} 

                #inicio .marco_simple img,
                #preescolar .marco_simple img,
                #primaria .marco_simple img,
                #secundaria .marco_simple img,
                #preparatoria .marco_simple img { 
                  height: 365px;
                }

		.scrollable { 
		  position: relative; 
		  overflow: hidden; 
		  width: 675px; 
		  height: 315px; 
		} 

                #inicio .scrollable,
                #preescolar .scrollable,
                #primaria .scrollable,
                #secundaria .scrollable,
                #preparatoria .scrollable { 
                  height: 365px;
                }

			.scrollable .items { 
			  width: 20000em; 
			  position: absolute; 
			  clear: both; 
			} 
			
			.scrollable .items img { 
				display: block; 
				width: 675px; 
				height: 315px; 
			} 

                        #inicio .scrollable .items img,
                        #preescolar .scrollable .items img,
                        #primaria .scrollable .items img,
                        #secundaria .scrollable .items img,
                        #preparatoria .scrollable .items img {
			  height: 365px;
                        }

			.scrollable .items .item { 
				float: left; 
			} 

		.marco #navi { 
			position: absolute; 
			bottom: 4px; 
			width: 675px; 
		} 

			/* position and dimensions of the navigator */
			.navi { 
		    	text-align: center; 
		    	width: inherit; 
			} 

				/* items inside navigator */
				.navi a { 
					width: 16px; 
					height :16px; 
					margin: 2px; 
					background: url('imagenes/navigator.png') 0 0 no-repeat; 
					display: inline-block; 
					font-size: 1px; 
					outline: none; 
				} 

				/* mouseover state */
				.navi a:hover { 
					background-position:0 -16px; 
					cursor: pointer; 
					outline: none; 
				} 

				/* active state (current page state) */
				.navi a.active { 
					background-position:0 -32px; 
					outline: none; 
				} 

/*********************************************************************************/
/* Menu Cocina                                                                   */
/*********************************************************************************/

#menu-cocina {} 
#menu-cocina .row { width: 100%;} 
#menu-cocina .column { display: inline-block; width: 31%; margin-right: 2%; vertical-align: top; } 
#menu-cocina .row div:last-child { margin: 0; } 
#menu-cocina strong { display: block; border-bottom: 1px solid #8496A4; } 

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#pie { 
	    width: 100%;
	    background: #003158 url('imagenes/pie_deco_sombra_patron.png') repeat-x top; 
	} 

	#pie a:hover { 
		color: #9FB6C4; 
		outline: none; 
		text-shadow: 1px 1px 0 #003158; 
		-moz-text-shadow: 1px 1px 0 #003158; /* Firefox */
	    -webkit-text-shadow: 1px 1px 0 #003158; /* Safari */
	    -icab-text-shadow: 1px 1px 0 #003158; /* iCab */
	    -khtml-text-shadow: 1px 1px 0 #003158; /* Konqueror */
	    -o-text-shadow: 1px 1px 0 #003158; /* Opera */
	}

		#pie_contenedor { 
		    position: relative; 
			width: 980px; 
			margin: 0 auto; 
		} 

			#mapa { 
				font-size: 14px; 
				font-weight: 500; 
		    	position: relative;
				color: #fff; /* #003157; */ 
				text-align: center; 
				
				text-shadow: 1px 1px 0 #6A8193; 
				-moz-text-shadow: 1px 1px 0 #6A8193; /* Firefox */
			    -webkit-text-shadow: 1px 1px 0 #6A8193; /* Safari */
			    -icab-text-shadow: 1px 1px 0 #6A8193; /* iCab */
			    -khtml-text-shadow: 1px 1px 0 #6A8193; /* Konqueror */
			    -o-text-shadow: 1px 1px 0 #6A8193; /* Opera */
	   
				width: 140px; 
			    padding: 4px 6px 5px; 
			    margin-left: 50%; 
			    top: 1px; 
			    left: -70px; 
			    background: #7f92a1 url('imagenes/etiqueta_mapa_bg_patron.png') repeat-x bottom;  
			    z-index: 1000; 
	
			    border-bottom-left-radius: 0.6em; /* CSS 3 */
			    border-bottom-right-radius: 0.6em; /* CSS 3 */
			    -moz-border-radius-bottomleft: 0.6em; /* Firefox */
			    -moz-border-radius-bottomright: 0.6em; /* Firefox */
			    -webkit-border-bottom-left-radius: 0.6em; /* Safari */
			    -webkit-border-bottom-right-radius: 0.6em; /* Safari */
			    -icab-border-radius-bottomleft: 0.6em; /* iCab */
			    -icab-border-radius-bottomright: 0.6em; /* iCab */
			    -khtml-border-bottom-left-radius: 0.6em; /* Konqueror */
			    -khtml-border-bottom-right-radius: 0.6em; /* Konqueror */
			    -o-border-bottom-left-radius: 0.6em /* Opera */
			    -o-border-bottom-right-radius: 0.6em /* Opera */
			} 

			#pie_contenedor #estructura {
				margin: 16px 0; 
				float: left; 
				display: block; 
				width: 560px;
				border-right: 1px dashed red; 
			} 
			
			#estructura * { 
				font-family: gotham, Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
			    font-size: 11px;
			    font-style: normal; 
			    color: #FFF;
			    text-decoration: none;
	    	} 

			
			#estructura ul, #estructura p {  
				margin: 0px; 
				padding: 3px 0px;  
			} 

			#estructura span, #estructura p { 
				text-transform: uppercase; 
				/*letter-spacing: 1px;*/ 
			} 
			
			#estructura li { 
				display: inline; 
				padding: 0px 4px 0px 2px; 
				border-right: 1px solid #fff; 
			} 

			#estructura li:first-child { 
				padding-left: 0px; 
			} 
			
			#estructura li:first-child, 
			#estructura li:last-child {
				border: 0 none; 
			} 
			
			#pie_contenedor #address { 
				float: left; 
				display: block; 
				margin: 16px 0 16px 39px; 
				width: 300px; 
				line-height: 14px; 
			}

			#address * { 
				font-family: gotham, Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
			    font-size: 11px;
			    font-style: normal; 
			    color: #FFF;
			    text-decoration: none;
	    	} 
	    	
	    	#address address { 
	    		padding-left: 52px; 
	    		background: url('imagenes/icono_casa_22x21.png') no-repeat 2px 2px; 
	    	} 
	    	
	    	#address .maker { 
                padding-left: 52px; 
                background: url('imagenes/icono_marcador_13x23.png') no-repeat 6px 0px; 
            }
            
	    	#address .phone { 
	    		padding-left: 52px; 
	    		background: url('imagenes/icono_telefono_22x23.png') no-repeat 2px 2px; 
	    	} 

	    	#address .contact { 
	    		padding-left: 52px; 
	    		background: url('imagenes/icono_email_23x17.png') no-repeat left 2px; 
	    	} 

            #address a[href^="mailto:"] { 
                background: transparent none; 
                display: inherit; 
                padding-left: 0px; 
                line-height: inherit; 
            } 

		#credits { 
			display: block; 
			background-color: #7f92a1; 
			text-align: center; 
			padding: 2px 0; 
		}
		
			#credits p { 
				color: #fff; 
				font-size: 9px; 
				margin: 0; 
			}