@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-top: 0px;
	padding-left: 10px;
	line-height: 12px;
	#line-height: 20px;
		
}
p  {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-size: 11px;
	text-align:justify;
		
}

.floatderecha {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}
.floatizquierda {
	float: left;
	margin-right: 10px;
}

ul{list-style-type:none;}

body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align : justify;
	background-image: url(../learn-spanish-santander/fondo-index.gif);
}
	
	#container {
	width: 985px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander2.gif);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: bottom; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 8px;
    } 
	
	#header {
	height: 130px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
    } 
	#header1{
	width:100%;
	height:30px;
	background-color:#FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header-1{
	width:615px;
	height:30px;
	float:left;
}
#header-2{
	width:100px;
	height:30px;
	float:left;
}
#header-3{
width:247px;
height:30px;
float:left;
}
#header2{
	width:973px;
	height:100px;
	margin: 0px;
	background-image: url(../learn-spanish-santander/fondo-plantilla2.jpg);
}
#header2izquierda{
	width:231px;
	height:98px;
	margin: 0px;
	float:left;
}

#header2izquierda p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:0px;
	padding-left:16px;
	padding-right:10px;
	margin:0px;
	color:#000;
	
}
#header2centro{
	width:400px;
	height:98px;
	margin: 0px;
	float:left;
}
#header2derecha{
	width:340px;
	height:98px;
	margin: 0px;
	float:left;
}
#header2derechaflash{
	width:150px;
	height:85px;
	margin: 0px;
	padding-left: 170px;
	padding-top: 10px;
}
	
	#sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 235px; /* el relleno mantiene el contenido del div alejado de los bordes */
	margin-top: 0px;
	.margin-top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #014075;
	margin-left: 5px;
	background-color: #fc0122;
	height:auto;
	margin-bottom: 8px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-20.jpg);
	background-repeat: no-repeat;
	background-position: top;
    }
	#izquierda{
	width:100%;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-3bcopia.jpg);
	height: auto;
	margin-top: 108px;
	position: relative;
	overflow: hidden;
}
#izquierda2 {
	width:201px;
	height:181px;
	margin-left: 15px;
	margin-top: 10px;
}
#izquierda1 {
	width:234px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-7bcopia.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 100px;
	_height: 200px;
	#height: 200px;
	background-color: #FA0419;
	padding-left: 0px;
}	
	#sidebar2 {
	width: 195px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	/* el relleno mantiene el contenido del div alejado de los bordes */
	.width: 200px;
	margin-top: 8px;
	height: auto;
	margin-right: 8px;
	float: right;





	.margin-right: 2px;
    }
	.derecha2 {
	width:100%;
	height:115px;
	float:left;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
.derecha3 {
	width:100%;
	height:350px;
	float:left;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #F00;
	
	}
.derecha1 {
width:100%;
height:115px;
float:left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
	
	}
	.buscar{
	width:100%;
	height:345px;
	float:left;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-banner.jpg);
	}
	
	
	#mainContent {
	background-color: #FFF;
	.margin-top: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
	vertical-align: top;
	width: 528px;
	_width: 525px;
	margin-left: 247px;
	.margin-left: 249px;	
	height: auto;
    } 
	#centro{
	width:100%;
	margin-top:0px;
	height:200px;
	float: left;
    }
	.centro2{
	width:100%;
	margin-top:0px;
	height:30px;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-17.jpg);
	float: left;
	font-size:10px;
    }
	.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;
	}
	.centro3{
	width:100%;
	margin-top:0px;
	height:auto;
	float: left;
	font-size:10px;
	background-color:#e9e9e9;
	margin-bottom: 8px;
    }
	#footer{
	position:relative;
	left:0;
	top:0;
	height:88px;
	overflow:hidden;
	background-image: url(../learn-spanish-santander/learn-spanish-santander-18.jpg);
	background-repeat: repeat;
	margin-right: 7px;
	margin-left: 5px;
	clear:both;
	
}

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

#footerPan ul{
	width:800px;
	height:60px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	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;
}
#container #header #header1 #header-1 h1 {
	color: #FC0122;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 12px;
	text-align: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}


.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 #mainContent .centro3 table tr td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#container #mainContent .centro3 table {

}

.titulosearch {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration:none;
margin-left:10px;
color:#F00;
}

.pmiembros {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
margin-left:10px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 2px;
padding-left: 20px;
text-align:justify;
color:black;

}

.cajacentro {

	BORDER-RIGHT: #ffe20e 1px solid;
	BORDER-TOP: #ffe20e 1px solid;
	BORDER-LEFT: #ffe20e 1px solid;
	BORDER-BOTTOM: #ffe20e 1px solid
}

.panelcity {
	width:510px;
	height:200px;
	margin-left: 10px;
}
.panelcityhead {
	width:497px;
	height:23px;
	background-image: url(../learn-spanish-santander/learn-spanish-panelarriba.jpg);
}
.panelcitycuerpo {
	width:497px;
	height:140px;
	background-image: url(../learn-spanish-santander/learn-spanish-panelmedio.jpg);
	background-repeat: repeat;
}

.panelcitycuerpo1 {
	width:460px;
	height:105px;
	margin-left: 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:justify;
	
	
}

.panelcitycuerpo2 {
	width:150px;
	height:20px;
	margin-left: 18px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-top: 10px;
	color: #FF8B06;
	font-weight: bold;
	float:left;
	
	
}
.panelcitycuerpo3{
	width:130px;
	height:20px;
	margin-left: 180px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-top: 10px;
	color: #FE0018;
	font-weight: bold;
	float:left;
	
	
}
.paneldentro {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	

}

.panelcityfoot {
	width:497px;
	height:23px;
	background-image: url(../learn-spanish-santander/learn-spanish-panelabajo.jpg);
}



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}