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

h1  {
	text-align : left;
	color : #FFF;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
		
}
h2  {
	text-align : left;
	color : #000;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.10em;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
		
}

ul{list-style-type:none;}
p  {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
		
}
	.link {	
	text-decoration:none;
	
	}	
	.link a {
		text-decoration:none;	
	}	
	.link a:hover {
		text-decoration:none;
}

.floatderecha {
	float: right;
	margin-left: 7px;
}
.floatizquierda {
	float: left;
	margin-right: 15px;
}

body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align: justify;
	background-image: url(../learn-spanish-santander/fondo-index.gif);
}

/* Aqui comenzamos el cuerpo de la web*/
#container{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width:985px;
	background-color: #FFF;
	min-height:100%;  /*notar el min-height*/
	overflow:hidden; /*notar el overflow hidden*/
	padding-bottom: 8px;
}

#container #cuerpo #col2 .centro3 {
	background-color: #E9E9E9;
}


*html #container{
height:100%;
overflow:visible; /*esto para la basura del internet explorer 6*/
}

#header{
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:985px;
	height:30px;
	height:auto;/*pon el tamaño que quieras*/
	background-color:#FFF;
}

#header1{
	width:100%;
	height:30px;
	background-color:#FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#header11{
	width:970px;
	height:22px;
	background-color:#FE001C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 8px;
}

#header111{
	width:600px;
	height:20px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 360px;
}

#container #header #header1 #header-1 h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 12px;
	color: #FE001C;
	text-align: left;
	margin: 0px;
	padding-top: 8px;
	padding-left: 8px;
}
#header-1{
	width:735px;
	height:30px;
	float:left;
}
#header-2{
	width:270px;
	height:30px;
	float:left;
}
#header-3{
width:247px;
height:30px;
float:left;
}
#header2{
	width:970px;
	height:140px;
	background:url(../learn-spanish-santander/learn-spanish-santander-1.jpg);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.idiomas{
	width:230px;
	height:30px;
	padding-top: 15px;
}
.idiomas2{
	width:232px;
	height:25px;
	margin: 0px;
	padding-bottom: 5px;
	
}


#header3{
width:970px;
height:108px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 8px;
background-image: url(../learn-spanish-santander/learn-spanish-santander-2b.jpg);
}

#cuerpo{
	position:relative;
	left:0;
	top:0;
	width:100%;
	min-height:600px; /*nota el min-height*/
	overflow:hidden;/*el overflow hidden lo ponemos porque es el que va a empujar la web.*/
	background-color: #FFF;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-fondoindex.gif);
	background-repeat: repeat;
}

*html #cuerpo{
height:600px;
overflow:visible;
}

#cuerpo div.col{
	position:relative;
	display:block;
	left:0;
	top:0;
	float:left;
	overflow:visible;
	height: 840px;

	#height: 786px;
}

#cuerpo #col1{
	width:232px;
	margin-left:8px;
	_margin-left:4px;
	height: auto;
}

#izquierda{
	width:100%;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-3b.jpg);
	padding-top: 0px;
	height: auto;
	background-color:#fa0419;
}
#izquierda1 {
	width:234px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-7b.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 88px;
	background-color: #FA0419;
	padding-left: 0px;
}

#izquierda2 {
	width:201px;
	height:181px;
	margin-left: 15px;
	margin-top: 4px;
}

#izquierdaseparador {
	width:100%;
	height:10px;
}

#cuerpo #col2{
	width:535px;
	margin-left: 5px;
	_margin-left: 3px;
	padding-bottom: 0px;
	
}


#centro{
width:100%;
margin-top:0px;
height:162px;
background-image: url(../learn-spanish-santander/learn-spanish-santander-5.jpg);
}

.centro2 {
	width:525px;
	height:10px;
	font-size:10px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-6.jpg);
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5px;
}

	.centro3 {
	width:525px;
	height:202px;
	font-size:10px;
	float:left;
	background-color: #ebebeb;
	padding-right: 5px;
	padding-bottom: 0px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-21.jpg);
	background-repeat: no-repeat;
	background-position: left;
	
	}
	
	.centro33 {
	width:528px;
	height: auto;
	color:#CCC;
	float:left;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
	.centroa {
	width:170px;
	height:210px;
	float:left;
	padding-left: 0px;
	background-color: #e9e9f1;
	background-image: url(../learn-spanish-santander/ourteacher.gif);
	background-repeat: no-repeat;
	background-position: top;
	
	}
	.centrob {
	width:170px;
	height:210px;
	float:left;
	margin-left: 8px;
	background-color: #ece7ed;
	background-image: url(../learn-spanish-santander/ourmethodology.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	.centroc {
	width:170px;
	height:210px;
	float:left;
	margin-left: 8px;
	background-color:#efefe5;
	background-image: url(../learn-spanish-santander/ourquality.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	.centro4 {
	width:525px;
	height:35px;
	font-size:10px;
	float:left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-17.jpg);
	background-repeat: repeat;
	}

#cuerpo #col3{
	background-color: #EBEBEB;
	width:199px;
	height: 840px;
	_height: 830px;
	.height: 883px;
}

#derecha{
width:198px;
margin-top:0px;
height:162px;
background-image: url(../learn-spanish-santander/learn-spanish-santander-4.jpg);
}

.derecha2 {
width:100%;
height:115px;
float:left;
margin-top: 16px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
	
	}
	
.derecha3 {
	width:100%;
	height:153px;
	.height:188px;
	background-color:#F00;
	float:left;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
	.derecha1 {
width:100%;
height:115px;
float:left;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
	
	}

*html #cuerpo div.col{
height:600px;
overflow:visible;
}

#footer{
	position:relative;
	left:0;
	top:0;
	height:200px;
	overflow:hidden;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-18.jpg);
	background-repeat: repeat;
	margin-right: 7px;
	margin-left: 8px;
	clear: both;
	margin-top: 8px;
}

#footerPan{
	width:860px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 196px;
}

#footerPan ul{
	width:800px;
	height:80px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#footerPan li{
	float:left;
}

#footerPan ul li a{
	padding:0 5px 0;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#footerPan ul li a:hover{
	text-decoration:underline;
}

#footerPan p.copyright{
	width:220px;
	position:relative;
	margin:0 auto;
	color:#fff;
	font-size:11px;
}

#footerlogos{
	width:850px;
	height:65px;
	margin-right: auto;
	margin-left: auto;
}

#footerdireccion{
	width:850px;
	height:33px;
	margin-right: auto;
	margin-left: auto;
}

.texto-blanco-pequeno{
	color:#FFF;	
	font-size:9px;
	text-align:center;
	padding-top:0px;
}

#container #header #header1 #header-1 h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 12px;
	color: #FE001C;
	text-align: left;
	margin: 0px;
	padding-top: 8px;
	padding-left: 8px;
}
#container #cuerpo #col2 .centro3 {
	background-color: #ebebeb;
}

.urbangreymenu{
	width: 190px; /*width of menu*/
	margin-left: 20px;
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: white;
background: #fe0018 url(../learn-spanish-santander/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: black;
background: #cecece;
}
#container #cuerpo #col2 .centro3 p {
	padding-left: 200px;
}
#container #cuerpo #col2 .centro3 h1 {
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 18px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 200px;
}
#container #cuerpo #col2 .centro33 .centroa p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 65px;
	text-align: left;
	padding-left: 14px;
}
#container #cuerpo #col2 .centro33 .centrob p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 65px;
	text-align: left;
	padding-left: 14px;
}
#container #cuerpo #col2 .centro33 .centroc p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 65px;
	text-align: left;
	padding-left: 14px;
}
.centro34 {
	background-color: #bfbab6;
	float: left;
	height: 65px;
	width: 528px;
	margin-top: 8px;
	#padding-top: 20px;
}
.centro35 {
	background-color: #ffab1a;
	float: left;
	height: 60px;
	width: 528px;
	margin-top: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	#padding-top: 38px;
}
.centro36 {
	background-color: #FF1A0D;
	float: left;
	height: 91px;

	.height: 48px;
	width: 529px;
	margin-top: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;








	#padding-top: 38px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-plaza.jpg);
}
#container #cuerpo #col2 .centro34 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#container #header #header2 .idiomas .idiomas2 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
#container #header #header11 #header111 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	margin: 3px;
	padding: 0px;
	font-weight: bold;
}
#container #header #header11 #header111 table tr td img {
	margin-top: 3px;
}
/* Elementos de formulario */

	INPUT {border:1px #50555A solid; background:#FFFFFF; font:10px Verdana, Arial, san-serif; color:#000000}
	.noborder {border:0px}
	TEXTAREA {border:1px #50555A solid; background:#FFFFFF; font:10px Verdana, Arial, san-serif; color:#50555A}
	
	SELECT {border:1px #50555A solid; background:#FFFFFF; font:10px Verdana, Arial, san-serif; color:#50555A}
	.button {background:#FF6600; color:#FFFFFF; border:0px #CC9933 solid; background-image:url(/images/background/buttonBg.gif);}
	.noborder {border:0px}
	FORM {display:inline}
#header22 {
	height: 50px;
	width: 220px;
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 7px;
}
#header22 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color:#000;
	margin-top:0px;
	margin-left:0;
	margin-right:0;
}
.titulo-rojo-peq {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FE001C;
}
