/* GENERALES
-------------------------------------------------- */


* {
	margin: 0;
	padding: 0;	
}

html {
	height:100%;
}

body {
	height:100%;
	background: #112138 url(../img/fondo_azul.jpg) top center no-repeat fixed;
	font-family:  Arial, Helvetica, "Trebuchet MS", Tahoma, sans-serif;
	font-size: 12px;
	color: #000;
}

body#your {
    background: #4b0d10 url(../img/fondo_rojo.jpg) top center no-repeat fixed;
}

ul, li {
	list-style: none;
}

fieldset, a img {
	border: 0;
}

input, textarea, select {
	padding: 1px 2px;
	border: 1px #acbee7 solid;
	background-color: #f9fafc;
	line-height: 16px;
	font-family:  Arial, Helvetica, "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1px;
	color:#808080;	
}

button {
	border: 0;
	cursor: pointer;	
}

button.bt48{
	background: url(../img/bt48.gif) 0 0 no-repeat;
	width:48px;
	height:21px;
	padding-bottom:2px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#fff;	
	font-family:arial;	
}

body#your button.bt48 {
	background: url(../img/bt48Rojo.gif) 0 0 no-repeat;
}

button.bt66{
	background: url(../img/bt66.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	padding-bottom:2px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#fff;	
	font-family:arial;
}

body#your button.bt66 {
	background: url(../img/bt66Rojo.gif) 0 0 no-repeat;
}


button.bt117{
	background: url(../img/bt117.gif) 0 0 no-repeat;
	width:117px;
	height:36px;
	padding-bottom:2px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#fff;	
	font-family:arial;
}

body#your button.bt117 {
	background: url(../img/bt117Rojo.gif) 0 0 no-repeat;
}


button.bt97{
	background: url(../img/bt97.gif) 0 0 no-repeat;
	width:97px;
	height:30px;
	padding-bottom:2px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#fff;	
	font-family:arial;
}

body#your button.bt97 {
	background: url(../img/bt97Rojo.gif) 0 0 no-repeat;
}

button.bt117V{
	background: url(../img/bt117V.gif) 0 0 no-repeat;
	width:117px;
	height:36px;
	padding-bottom:2px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#fff;	
	font-family:arial;
}

abbr, acronym {
	cursor: help;	
}

a abbr, a acronym {
	border: 0;
	cursor: inherit;	
}

blockquote, q, cite {
	quotes: '"' '"' "'" "'";
	font-style: normal;
}

blockquote p:before {
	content: open-quote;
}

blockquote p:after {
	content: close-quote;
}

a {
	text-decoration: none;
	color: #004276;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
	font-style: normal;	
}

em {
	font-weight: normal;
	font-style: italic;	
}




/* ESTRUCTURA
-------------------------------------------------- */


p#saltar {
	position: absolute;
	top: -1000px;
	left:0;
}

div#contenedor {
	width:927px;
	margin:0 auto 0 auto;
	padding-top:43px;
	padding-bottom:20px;
	position:relative;
}

div#cabecera {
	background: url(../img/fondoCabecera.png) 0 0 no-repeat;
	overflow: hidden;
	width: 100%;
	height:143px;
	margin:0;
	position:relative;
}

body#your div#cabecera {
	background: url(../img/your_fondoCabecera.png) 0 0 no-repeat;
}

div#contenidos {
	background: url(../img/fondoCuerpo.png) 0 0 repeat-y;
	overflow: hidden;
	width: 100%;
	margin: 0;
}

div#pie {
	background: url(../img/fondoPie.png) 0 0 no-repeat;
	width: 100%;
	height:61px;
	overflow: hidden;
}


/* CABECERA
-------------------------------------------------- */


div#cabecera h1 {
	overflow: hidden;
	position: relative;
	float: left;
	clear: left;
	display: inline;
	width: 237px;
	height: 71px;	
	margin: 26px 0 0 28px;
}

div#cabecera h1 a {
	display: block;
	width: 237px;
	height: 71px;
}

div#cabecera h1 span {
	position: absolute;
	top: -10000px;	
	left:0;
}

div#cabecera ul#menuSub{
	float:right;	
	display:inline;
	margin: 24px 20px 0 0;
	font-size:11px;
}

div#cabecera ul#menuSub li{
	float:left;	
	display:inline;
}

div#cabecera ul#menuSub li a{
	float:left;	
	display:inline;
	margin-left:4px;
	padding-left:4px;
	color: #646464;
	border-left:1px solid #646464;
}

div#cabecera ul#menuSub li a.inicial{
	margin-left:0;
	padding-left:0;
	border-left:0;	
}

div#cabecera ul#menuSub li.es a{
	background: url(../img/flag_cat.gif) 0 2px no-repeat;
	width:16px;
	height:11px;
	overflow:hidden;	
	border:0px;
	padding-bottom:2px;
}

div#cabecera ul#menuSub li.ca a{
	background: url(../img/flag_es.gif) 0 2px no-repeat;
	width:16px;
	height:11px;
	overflow:hidden;	
	border:0px;
	padding-bottom:2px;
}

div#cabecera ul#menuSub li.es a span,
div#cabecera ul#menuSub li.ca a span{
	position:absolute;
	top:-10000px;
	left:0;	
}

div#cabecera h3{
	overflow: hidden;
	float: right;
	clear: left;
	width:151px;
	display: inline;
	margin: 0;
	font-size:20px;
	text-align:right;
	color:#1d4b78;
	position:absolute;
	top:48px;
	right:18px;
	.line-height:15px;
}

body#your div#cabecera h3{
	color:#ce2227;
}


div#cabecera h3 span.es {
	background: url(../img/llamanos.gif) right 0 no-repeat;
	float: left;
	clear: left;
	display: block;
	width:150px;
	height:15px;
}

body#your div#cabecera h3 span.es{
	background: url(../img/llamanosRojo.gif) right 0 no-repeat;
}

div#cabecera h3 span.ca {
	background: url(../img/llamanosCa.gif) right 0 no-repeat;
	float: left;
	clear: left;
	display: block;
	width:150px;
	height:15px;
}

body#your div#cabecera h3 span.ca{
	background: url(../img/llamanosRojoCa.gif) right 0 no-repeat;
}

div#cabecera h3 span span {
	position: absolute;
	top: -10000px;	
	left:0;
}


div#cabecera ul#menu{
	clear:left;
	float:left;	
	display:inline;
	width:891px;
	height:48px;
	margin: -4px 0 0 18px;
}

div#cabecera ul#menu li{
	float:left;	
	display:inline;
	text-align:center;
	height:48px;
}

div#cabecera ul#menu li a{
	float:left;	
	display:inline;
	height:34px;
	padding: 14px 0 0 0;
	font-weight:bold;
	font-size:16px;
	color:#525252;
	text-decoration:none;
}

div#cabecera ul#menu li#opcion1{
	width:163px;
}

div#cabecera ul#menu li#opcion1 a{
	background: url(../img/fondomenu1.gif) 0 0 no-repeat;
	width:163px;
}

body#your div#cabecera ul#menu li#opcion1 a{
	background: url(../img/your_fondomenu1.gif) 0 0 no-repeat;
}


div#cabecera ul#menu li#opcion2{
	width:115px;
}

div#cabecera ul#menu li#opcion2 a{
	background: url(../img/fondomenu2.gif) 0 0 no-repeat;
	width:115px;
}

body#your div#cabecera ul#menu li#opcion2 a{
	background: url(../img/your_fondomenu2.gif) 0 0 no-repeat;
}

div#cabecera ul#menu li#opcion3{
	width:120px;
}

div#cabecera ul#menu li#opcion3 a{
	background: url(../img/fondomenu3.gif) 0 0 no-repeat;
	width:120px;
}

body#your div#cabecera ul#menu li#opcion3 a{
	background: url(../img/your_fondomenu3.gif) 0 0 no-repeat;
}

div#cabecera ul#menu li#opcion4{
	width:128px;
}

div#cabecera ul#menu li#opcion4 a{
	background: url(../img/fondomenu4.gif) 0 0 no-repeat;
	width:128px;
}

body#your div#cabecera ul#menu li#opcion4 a{
	background: url(../img/your_fondomenu4.gif) 0 0 no-repeat;
}

div#cabecera ul#menu li#opcion5{
	width:84px;
}

div#cabecera ul#menu li#opcion5 a{
	background: url(../img/fondomenu5.gif) 0 0 no-repeat;
	width:84px;
}

body#your div#cabecera ul#menu li#opcion5 a{
	background: url(../img/your_fondomenu5.gif) 0 0 no-repeat;
}

div#cabecera ul#menu li#opcion6{
	width:81px;
}

div#cabecera ul#menu li#opcion6 a{
	background: url(../img/fondomenu6.gif) 0 0 no-repeat;
	width:81px;
}

body#your div#cabecera ul#menu li#opcion6 a{
	background: url(../img/your_fondomenu6.gif) 0 0 no-repeat;
}

div#cabecera ul#menu li#opcion7{
	width:200px;
}

div#cabecera ul#menu li#opcion7 a{
	background: url(../img/fondomenu7.gif) 0 0 no-repeat;
	width:200px;
}

body#your div#cabecera ul#menu li#opcion7{
	width:190px;
}


body#your div#cabecera ul#menu li#opcion7 a{
	background: url(../img/your_fondomenu7.gif) 0 0 no-repeat;
	width:190px;
}


div#cabecera ul#menu li#opcion7Bis{
	width:94px;
}

div#cabecera ul#menu li#opcion7Bis a{
	background: url(../img/fondomenu7.gif) 0 0 no-repeat;
	width:94px;
}

body#your div#cabecera ul#menu li#opcion7Bis a{
	background: url(../img/fondomenu7.gif) right top no-repeat;
}


div#cabecera ul#menu li a:hover{
	color:#fff;
	background-position:  0 -48px !important;

}


div#cabecera ul.opcion1 li#opcion1 a{
	background: url(../img/fondomenu1.gif) 0 -48px no-repeat !important;
	color:#fff;
}

body#your div#cabecera ul.opcion1 li#opcion1 a{
	background: url(../img/your_fondomenu1.gif) 0 -48px no-repeat !important;
}

div#cabecera ul.opcion2 li#opcion2 a{
	background: url(../img/fondomenu2.gif) 0 -48px no-repeat !important;
	color:#fff;
}

body#your div#cabecera ul.opcion2 li#opcion2 a{
	background: url(../img/your_fondomenu2.gif) 0 -48px no-repeat !important;
}

div#cabecera ul.opcion3 li#opcion3 a{
	background: url(../img/fondomenu3.gif) 0 -48px no-repeat !important;
	color:#fff;
}

body#your div#cabecera ul.opcion3 li#opcion3 a{
	background: url(../img/your_fondomenu3.gif) 0 -48px no-repeat !important;
}

div#cabecera ul.opcion4 li#opcion4 a{
	background: url(../img/fondomenu4.gif) 0 -48px no-repeat !important;
	color:#fff;
}

body#your div#cabecera ul.opcion4 li#opcion4 a{
	background: url(../img/your_fondomenu4.gif) 0 -48px no-repeat !important;
}

div#cabecera ul.opcion5 li#opcion5 a{
	background: url(../img/fondomenu5.gif) 0 -48px no-repeat !important;
	color:#fff;
}

body#your div#cabecera ul.opcion5 li#opcion5 a{
	background: url(../img/your_fondomenu5.gif) 0 -48px no-repeat !important;
}

div#cabecera ul.opcion6 li#opcion6 a{
	background: url(../img/fondomenu6.gif) 0 -48px no-repeat !important;
	color:#fff;
}

body#your div#cabecera ul.opcion6 li#opcion6 a{
	background: url(../img/your_fondomenu6.gif) 0 -48px no-repeat !important;
}

div#cabecera ul.opcion7 li#opcion7 a{
	background: url(../img/fondomenu7.gif) 0 -48px no-repeat !important;
	color:#fff;
}

body#your div#cabecera ul.opcion7 li#opcion7 a{
	background: url(../img/your_fondomenu7.gif) 0 -48px no-repeat !important;
}

body#your div#cabecera ul#menu li#opcion7Bis a:hover{
	background: url(../img/fondomenu7.gif) right -48px no-repeat !important;
}



/* PIE
-------------------------------------------------- */
div#pie p{
	clear:left;
	float:left;
	display:inline;
	width:100%;
	margin-top:25px;
	font-size:11px;
	text-align:center;
	color:#636363;	
}

div#pie p a{ 
	margin-left:5px;
	padding-left:5px;
	border-left: 1px solid #636363;
	color:#636363;	
}



div.gracias{
	background: url(../img/fondo892.gif) left bottom no-repeat;
	clear:left;
	float:left;
	display:inline;
	width:892px;
	margin: 5px 0 10px 18px;
	padding-bottom:17px;
}

div.gracias h4{
	background: url(../img/titular892.gif) left top no-repeat;
	clear:left;
	float:left;
	display:inline;
	width:865px;
	height:25px;
	margin: 0;	
	padding: 8px 0 0 27px;
	font-size:20px;
	color:#36506c;
}

body#your div.gracias h4{
	color:#ce2227;
}

div.gracias div.datos{
	background: #fff url(../img/fondoPaginasGenericas.gif) 0 0 repeat-x;
	clear:left;
	float:left;
	display:inline;
	width:859px;	
	margin: 5px 0 0 15px;
	padding-bottom:12px;
	border:1px solid #dad9d9;
}

div.gracias div.datos img{
	clear:left;
	float:left;
	display:inline;
	margin: 10px 0 0 10px;
	border:1px solid #dad9d9;
}

div.gracias div.datos div.restoDatosa{
	float:left;
	display:inline;
	width:550px;
	margin: 10px 0 0 16px;
}

div.gracias div.datos div.restoDatosa p{
	clear:left;
	float:left;
	display:inline;
	width:100%;
	margin: 0 0 3px 0;
}

div.gracias div.datos div.restoDatosa p.conEspacio{
	padding: 0 0 15px 0;
}

div.gracias div.datos div.restoDatosa p.azul{
	font-size:13px;
	color:#1d4b78;
}

ul#listadoProfesores {
	clear:left;
	display:inline;
	float:left;
	width:540px;
}


ul#listadoProfesores li {
	clear:left;
	display:inline;
	float:left;
	margin:0 0 5px;
	width:100%;
}

ul#listadoProfesores li strong {
	clear:left;
	color:#1D4B78;
	display:inline;
	float:left;
	margin:5px 0;
	text-transform:uppercase;
	width:430px;
}

ul#listadoProfesores li a {
	clear:left;
	color:#000000;
	display:inline;
	float:left;
	margin:1px 10px;
	width:440px;
}

div#cabecera ul#menuSub li.li_lang {
    margin-left: 5px
}

div#cabecera ul#menuSub li #lang_es {
    background: url("../img/flags.gif") 0 -11px no-repeat;
    display: block;
    width: 16px;
    height: 11px;
    text-indent: -99999em;
    outline: none;
    border: none;
    margin-top: 1px
}

div#cabecera ul#menuSub li #lang_ca {
    background: url("../img/flags.gif") 0 0 no-repeat;
    display: block;
    width: 16px;
    height: 11px;
    text-indent: -99999em;
    outline: none;
    border: none;
    margin-top: 1px
}