body { margin: 0; padding: 0; font-size: 12px; color: #2b2e83; background-color: #fff; cursor: default; font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif; }
a, img, embed, object { outline: none; }
a { text-decoration: none; }
img { border: none; }
form { margin: 0; padding: 0; }
div { position: relative; }

.clear { clear: both; }
.centrado { width: 903px; margin: 0 auto; }
/*'MyriadProRegular',*/
.cajaTxt4 {
    background: none repeat scroll 0 0 #D7D7D7;
    border: medium none;
    color: #1C3F7B;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 20px;
    padding: 5px;
    resize: none;
    width: 260px;
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProBoldItalic';
    src: url('../fonts/myriadpro-boldit-webfont.eot');
    src: url('../fonts/myriadpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldit-webfont.woff') format('woff'),
         url('../fonts/myriadpro-boldit-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-boldit-webfont.svg#MyriadProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProItalic';
    src: url('../fonts/myriadpro-it-webfont.eot');
    src: url('../fonts/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-it-webfont.woff') format('woff'),
         url('../fonts/myriadpro-it-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-it-webfont.svg#MyriadProItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/miriam-webfont.eot');
    src: url('../fonts/miriam-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miriam-webfont.woff') format('woff'),
         url('../fonts/miriam-webfont.ttf') format('truetype'),
         url('../fonts/miriam-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***** calendario *****/
#calendario_table td { text-align: center; height: 30px; }
/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold }

/**** color and size of calendar cells.  ****/
.day_cell				{ background-color:#ffffff; width: 35px; }
.empty_day_cell			{ background-color:#ffffff; width: 35px; }
.today_cell				{ background-color:#ffffff; width: 35px; }
.evento_cell				{ background-color:#e30413; width: 35px; color: #FFF; }
.evento_cell a { color: #FFF; display: block; width: 100%; }

/**** day number in upper left corner of each cell ****/
.day_number				{ color:#e30413 }
.evento_cell span.day_number				{ color:#fff }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
.title_txt A:link		{ color:#00F; text-decoration:underline }
.title_txt A:active		{ color:#00F; text-decoration:underline }
.title_txt A:visited	{ color:#00F; text-decoration:underline }
.title_txt A:hover		{ color:#00F; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica }

/**** column headers or days of the week ****/
.column_header			{ background-color:#2b2e83; font-size:10px; color:#FFFFFF; font-weight:normal; text-align: center; text-transform:lowercase; padding: 3px 0 }

/**** footprint text ****/
.footprint				{ font-size:10px; color:#000; font-weight:bold; }
.footprint A			{ font-size:10px; color:#00F; font-weight:bold; }

#txtBachillerato { width: 818px; margin: 0 0 0 68px; text-align: justify; }

#header { background-color: #2b2e83; }
#redes { background-color: #FFF; height: 117px; }
#slogan { font-weight: bold; display: inline; float: left; margin: 45px 0 0 350px; font-size: 17px; width: 260px }
#direccion { font-weight: normal; display: inline; float: left; margin: 39px 0 0 0; font-size: 14px; width: 180px; text-align: center; }
#redes_links { display: inline; float: right; margin: 50px 0 0 0 }
#redes_links ul { margin: 0; padding: 0; }
#redes_links ul li { list-style: none; display: inline; float: left; margin-right: 3px; }
#redes_links ul li a { background: transparent url(../images/redes.png) no-repeat scroll 0 0; width: 24px; height: 24px; display: block; text-indent: -5000px; }
#redes_links ul li a#twitter { background-position: -24px 0; }

#logo { position: absolute; top: 0; left: 0; margin: 0 0 0 -65px; }
#logo a { background: transparent url(../images/logo_normal.png) no-repeat scroll 0 0; width: 385px; height: 117px; display: block; text-indent: -5000px; }
#menu { display: inline; float: left; margin: 0 0 0 96px; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { list-style: none; display: inline; float: left; }
#menu ul li a { background: transparent url(../images/menu-210814.png) no-repeat scroll 0 0; width: 20px; height: 176px; display: block; text-indent: -5400px; }

#menu ul li#ingles a { width: 248px; background-position: 0 0; }
#menu ul li#ingles a:hover { background-position: 0 -176px; }
#menu ul li#ingles a.sel { background-position: 0 0; }

#menu ul li#frances a { width: 246px; background-position: -248px 0; }
#menu ul li#frances a:hover { background-position: -248px -176px; }
#menu ul li#frances a.sel { background-position: -248px 0; }

#menu ul li#italiano a { width: 250px; background-position: -494px 0; }
#menu ul li#italiano a:hover { background-position: -494px -176px; }
#menu ul li#italiano a.sel { background-position: -494px 0; }

/*
#menu ul li a { background: transparent url(../images/menu-221112.png) no-repeat scroll 0 0; width: 20px; height: 176px; display: block; text-indent: -5400px; }

#menu ul li#ingles a { width: 347px; background-position: 0 0; }
#menu ul li#ingles a:hover { background-position: 0 -176px; }
#menu ul li#ingles a.sel { background-position: 0 0; }

#menu ul li#frances a { width: 396px; background-position: -347px 0; }
#menu ul li#frances a:hover { background-position: -347px -176px; }
#menu ul li#frances a.sel { background-position: -347px 0; }
*/



#contacto { display: inline; float: left; }
#contacto a { background-color: #e1e2e2; display: block; text-align: center; color: #2b2e83; font-weight: bold; width: 113px; padding: 10px 0; border-left: 1px solid #9598b3; }

#contenido { /*background: transparent url(../images/bg_navidad.png) repeat scroll 0 0;*/ }
/*#arboles { padding: 14px 0; background: transparent url(../images/new_2013.png) no-repeat scroll center bottom; }*/
#facebook_box { display: inline; float: left; margin: 1px 0 0 0; width: 230px; }
#agrupa_home { display: inline; float: right; width: 650px; margin: 0 0 0 0; }
#intro_text { text-align: justify; margin-bottom: 10px; }
#calendario { display: inline; float: left; margin: 17px 0 0 0; }
#calendario h1 { margin: 0; padding: 0; color: #2b2e83; font-weight: bold; font-size: 17px; }
#banners { display: inline; float: left; width: 253px; margin: 0 0 0 20px; }

#banner_avanza { background: transparent url(../images/banners/avanza/banner_bg.jpg) no-repeat scroll 0 0; width: 361px; height: 105px; position: relative; overflow: hidden; }
#banner_texto img { position: absolute; top: 14px; left: 10px; width: 340px; height: 61px; opacity: 0; filter: alpha(opacity = 0); ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#banner_logo img { position: absolute; top: 14px; left: 10px; width: 300px; height: 55px; opacity: 0; filter: alpha(opacity = 0); ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#banner_linea_mask { width: 0px; height: 17px; position: absolute; bottom: 0; left: 0; overflow: auto; margin: 0 0 0 0; }
#banner_linea { background: transparent url(../images/banners/avanza/banner_linea.png) no-repeat scroll 0 0; width: 361px; height: 17px; }

#banner_radio { background: transparent url(../images/banners/radio/radio_banner.png) no-repeat scroll 0 0; width: 361px; height: 136px; position: relative; overflow: hidden; }
#banner_radio_logo { position: absolute; top: 23px; left: 0px; }
#banner_radio_logo img { opacity: 0; filter: alpha(opacity = 0); ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#banner_radio_texto { width: 224px; height: 20px; position: absolute; top: 101px; left: -224px; }



#banner_oxford1 { background: transparent url(../images/banners/oxford1/img-1.png) no-repeat scroll 0 0; width: 361px; height: 111px; position: relative; overflow: hidden; }
#banner_oxf2 img { position: absolute;width: 361px; height: 111px; opacity: 0; filter: alpha(opacity = 0); ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#banner_oxf3 img { position: absolute;width: 361px; height: 111px; opacity: 0; filter: alpha(opacity = 0); ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#banner_oxf4 img { position: absolute;width: 361px; height: 111px; opacity: 0; filter: alpha(opacity = 0); ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
/**/
#box_popup { position: absolute; top: 0; left:50%; z-index: 5000; display: block; visibility: hidden; }
#box_bg { background: transparent url(../images/box_bg.png) repeat-y scroll 0 0; width: 188px; color: #FFF; font-size: 12px; padding: 10px 0 0 0; }
#box_bg a { color: #FFF; }
#box_bg div { padding: 5px 0 5px 10px; width: 171px; }
#box_bg div.fondo { background-color: #e30413 }
#box_top { background: transparent url(../images/box_top.png) no-repeat scroll 0 0; width: 188px; height:1px; font-size: 1px; }
#box_bottom { background: transparent url(../images/box_bottom.png) no-repeat scroll 0 0; height:21px; font-size:1px; }

/********************************* MENU FOOTER****************************/
#pie{width: 100%; background-color: #2b2e83;}
#footer { height: 80px; margin: 0 auto; background-color: #2b2e83; z-index:100;}
#footer_links { padding: 14px 0 0 680px; }
#footer_links ul { margin: 0; padding: 0; list-style: none; }
#footer_links ul li { display: inline; float: left; margin-right: 35px; }
#footer_links ul li a { color: #fff; font-size: 15px; }
#footer_links ul li a:hover { color: #e30413; }
#footer_links ul li a.sel { color: #e30413; }

#studiodepweb { display: inline; float: left; margin: 6px 0 0 29px; }
#legal_links { display: inline; float: left; margin: 20px 0 0 25px; }
#legal_links ul { margin: 0; padding: 0; list-style: none; }
#legal_links ul li { display: inline; float: left; margin-right: 15px;}
#legal_links ul li a { color: #FFF; font-size: 11px; }
#legal_links ul li a:hover { color: #e30413; }
#legal_links ul li a.sel { color: #e30413; }
#visitantes { display: inline; float: right; margin: 39px 0 0 0; color: #FFF; font-size: 11px; }

a#btnStudioDepWeb{ display:block; width:90px; height:30px; background:url(../images/studiodepweb.png) top left; text-indent: -5000px}
a#btnStudioDepWeb:hover { background-position: bottom left!important;}

#radioBtns{
	width:150px;
	height:35px;
	position:absolute;
	top:5px;
	right: 0;
}

/********************************* CONTACTO ***********************************/
#capaContacto{ width:990px; height:550px; position: absolute; top:50%; left:50%; margin: -225px 0 0 -450px; z-index:1000; border: #1C3F7B solid 5px; background:#FFFFFF; display:table; font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;}
#contactoForm{ width:270px;  height:510px; float:left; padding:40px 0 0 30px; text-align:left; font-size:12px; color:#1C3F7B;}
#contactoMap{ width:450px; height:445px;  float:left; margin:105px 0 0 15px;}
#contactoInfo{height:550px; float:left; width:205px; margin-left:15px;}
#direccion2{width:205px; height:75px; color:#1C3F7B; text-align:center; font-size:15px; margin:75px auto 0 auto;}
#redes2{width:90px; height:40px; display:table; margin:260px auto 0 auto;}
#contactoCerrar{ width:205px; margin:0 auto; text-align:right;}
#contactoError{270px; text-align:left; color:#e30413; font-size:14px;}
.btnTxtBco {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #e30413;
    font-size: 20px;
    text-align: right;
}
.btnX {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #1C3F7B;
    font-size: 22px;
    height: 25px;
}
a#facebook:hover {
    background-position: left bottom;
}
a#facebook {
    background: url("../images/facebook.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 40px;
    width: 40px;
	text-indent: -5000px;
}

#header_banner { display: inline; float: left; margin: 0px 0 0px 68px; }