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

/* Font face*/

@font-face {
    font-family: 'the_serif_light-regular';
    src: url('../fonts/theseriflight-plain-webfont.eot');
    src: url('../fonts/theseriflight-plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/theseriflight-plain-webfont.woff') format('woff'),
         url('../fonts/theseriflight-plain-webfont.ttf') format('truetype'),
         url('../fonts/theseriflight-plain-webfont.svg#the_serif_light-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'the_serif_semi_bold-regular';
    src: url('../fonts/theserifsemibold-italic-webfont.eot');
    src: url('../fonts/theserifsemibold-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/theserifsemibold-italic-webfont.woff') format('woff'),
         url('../fonts/theserifsemibold-italic-webfont.ttf') format('truetype'),
         url('../fonts/theserifsemibold-italic-webfont.svg#the_serif_semi_bold-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'the_serif_semi_bold-regular';
    src: url('../fonts/theserifsemibold-plain-webfont.eot');
    src: url('../fonts/theserifsemibold-plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/theserifsemibold-plain-webfont.woff') format('woff'),
         url('../fonts/theserifsemibold-plain-webfont.ttf') format('truetype'),
         url('../fonts/theserifsemibold-plain-webfont.svg#the_serif_semi_bold-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* global */

html, body{margin:0; padding:0;}
body{background-color:#CCC;	font-family:Arial, Helvetica, sans-serif;}

a{color:#40b5e8;}
a:hover{text-decoration:none;}

.left{float:left !important;}
.right{float:right !important;}
.clear{clear:both;}

.p12{padding:12px; _padding:8px 12px 0; *padding:8px 12px 0;}
.npb{padding-bottom:0px !important; margin-bottom:0px !important; margin-top:0px !important; padding-top:0px !important;}
.np{padding:0px !important; margin:0px !important;}
.h15{ height:15px; clear:both;}
.h10{ height:10px; clear:both;}
.h5{ height:5px; clear:both;}

ul { matgin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
    font-size: 11px;
	margin-left: 15px;
	*margin-bottom: 5px;
	*margin-top: 5px;
}

h1{font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:normal; margin:0 !important; padding:0 !important;}
h3{font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.pager {
	position: relative;
	font-size:13px;
	color:#000000;
    margin-left: 438px;
    margin-top: 273px;
	*left: 0px;
}


#contenidor{width:800px; height:550px; background-color:#FFF; margin:0 auto;}
#cap{font-family:Arial, Helvetica, sans-serif; background-color:#FFF; width:800px; height:60px;}
#cap #logoEduCaixa{width:141px; float:left; margin-left:9px;}
#cap #titol{width:516px; color:#7cba82; float:left; text-align:center; font-weight:normal; margin-top:18px;font-family: the_serif_light-regular, Arial, Helvetica, sans-serif; font-style: italic; line-height: 20px}
#cap #logoRecursos{width:108px; float:right; margin-right:20px;}
#cap #barra{border-bottom:3px solid #D8D9DA;height:1px; clear:both; overflow:hidden;}

/* continguts */  
#continguts{width:793px; height:418px; text-align:center; background:url("../images/bg_microsite.jpg") no-repeat; padding-left:7px; _padding-left:5px; _width:795px;}
#continguts_home{background:url("../images/bg_diapo_home.jpg") no-repeat; width:793px; height:418px; text-align:center; padding-left:7px; _padding-left:5px; _width:795px;}
#continguts_home h1{font-family: the_serif_light-regular, Arial, Helvetica, sans-serif; font-style: italic; text-shadow: 2px 2px 5px #327652; line-height: 40px; text-align: center;display: block;}       
#continguts_home h1 span{font-weight: bold; display: block;text-align: center;}  

/* PEU */
#peu{font-family:Arial, Helvetica, sans-serif; background-color:#FFF; width:800px; height:74px; clear:both;}
#peu #barra{border-top:3px solid #D8D9DA;height:3px; clear:both;overflow:hidden;}
#peu #logoObraSocial{width:100%;text-align:center;}    
#peu #logoObraSocial img{width:202px;} 


/* CONTINGUTS */
#diapos.home{padding: 0pt; margin: 0pt; width:750px; float:left;}
#contDiapo{width:774px; height:314px; padding:0 0 0px 15px; margin:0;}
#contenidor .blanc{background: url("../images/recuadre_blanc.png") no-repeat; _height:276px; overflow:hidden;}
#contenidor .buit{background: url("../images/recuadre_blanc.png") no-repeat; height:312px !important; _height:296px; width:790px !important; overflow:hidden; padding:0 !important;}
#contenidor .esHome{ /*background: url("../images/recuadre_blanc2.png") no-repeat !important;*/ height:312px !important; _height:350px; width:750px !important; overflow:hidden; padding:0 !important;}

#contDiapo #quadre{width:560px; padding-top: 13px; margin: 0 auto; border-top: 1px dotted #407356;border-bottom: 1px dotted #407356; margin-top: 60px; } 
#contDiapo #quadre p{margin: 0; font-size:22px; line-height: 1.5em; color: #407356;}

#contDiapo #quadre1{width:400px; height: 255px; padding-top: 32px; padding-left: 20px; position: relative;} 
#contDiapo #quadre1 p{margin: 0; font-size:12px;} 
#contDiapo #quadre1 p a {margin: 0; font-size:12px; } 
#contDiapo #quadre1 p b {font-weight:bold; color: #407356;}

#contDiapo #quadre2{width:100%;}
#contDiapo h2{font-family: the_serif_light-regular, Arial, Helvetica, sans-serif; font-size:18px; padding:0; margin:0 0 12px 0; color:#407356; text-align:left;border-bottom: 1px dotted #407356}
#contDiapo p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:left; line-height:15px; padding-bottom:12px; *padding-bottom:8px; _padding-bottom:6px;  *margin-top:8px; _margin-top:8px;}

#contDiapo #quadreFoto1{width:311px; height: 300px; margin-top: 6px;margin-right:6px; padding-top: 32px; background: url(../images/marco_imagen.png) center center no-repeat transparent;}
#contDiapo #quadreFoto1 p, #contDiapo #quadreFoto2 p,#contDiapo #quadreFoto3 p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:left; margin:12px 37px 12px 37px; padding:0; line-height:14px;}
#contDiapo #quadreFoto1 p a, #contDiapo #quadreFoto2 p a,#contDiapo #quadreFoto3 p a {font-style:italic;}

#contDiapo #cajaTexto{margin:0; padding:0;float:left;}
#contDiapo #cajaTexto .contents{background:url("../images/bg_caixaText.gif") repeat-y; padding:9px 14px 9px 9px; width:734px; font-weight:bold;}
#contDiapo #cajaTexto .contents p{_padding-bottom:5px !important; margin:0 !important; *line-height:14px; _line-height:14px;}
.vOmbra{background:url("../images/ombraV.png") top right no-repeat; width:756px; height:5px;}

#contDiapo #cajaTexto .contents2{background:url("../images/bg_caixaText2.gif") repeat-y; padding:9px 14px 9px 9px; width:425px; font-weight:normal;margin-top: -20px;}
#contDiapo #cajaTexto .contents2 p{_padding-bottom:5px !important; margin:0 !important; *line-height:14px; _line-height:14px;font-size: 10px;}
.vOmbra2{background:url("../images/ombraV.png") top right no-repeat; width:448px; height:5px;}

#contDiapo #cajaTexto .contents3{background:url("../images/bg_caixaText3.gif") repeat-y; padding:9px 14px 9px 9px; width:205px; font-weight:normal;margin-top: 0px;}
#contDiapo #cajaTexto .contents3 p{_padding-bottom:5px !important; margin:0 !important; *line-height:14px; _line-height:14px;font-size: 10px;}
.vOmbra3{background:url("../images/ombraV.png") top right no-repeat; width:224px; height:5px;}

#contDiapo #cajaTexto .contents4{background:url("../images/bg_caixaText4.gif") repeat-y; padding:9px 14px 9px 9px; width:260px; font-weight:normal;margin-top: 0px;}
#contDiapo #cajaTexto .contents4 p{_padding-bottom:5px !important; margin:0 !important; *line-height:14px; _line-height:14px;font-size: 10px;}
.vOmbra4{background:url("../images/ombraV.png") top right no-repeat; width:279px; height:5px;}

#contDiapo #cajaTitular{margin: 0 auto; height:100%; width:100%;}
#contDiapo #cajaTitular .contents{background:url("../images/bg_caixaText.png") top right repeat-y; padding:9px 14px 9px 9px; width:560px; height:auto; margin:auto;}
#contDiapo #cajaTitular .vOmbra{width:auto !important; width:580px !important;}

/* ESPECÍFICA - 0016_FC_MIC_CI_ES_Comunicacion_celular_p3*/

ul#menu_taxias{margin:0 0 0 18px;  padding:0; position:relative; list-style:none; display:block; _width:730px; font-size:12px; font-family:Helvetica,Arial,Verdana,sans-serif; font-weight:bold;}
ul#menu_taxias li{	float:left; background:url(../images/dot_blue_list.gif) 0px 5px no-repeat;  margin:0; margin-right:160px; padding-left:12px; padding:0; vertical-align:middle; _display:inline;}
ul#menu_taxias li a{color:#000;	text-decoration:none;}
	
ul#menu_taxias li a:hover{text-decoration:underline;}

/* MENU TOP */
#menuSuperior{padding: 8px 0 0px 3px; margin:0; _padding-left:6px; width: 770px;}
#menuSuperiorLinea2{padding: 0 0 0 3px; margin:0; _padding-left:6px; width: 770px; margin-left: 35px; *margin-left: 45px;}

#NomenuSuperior{padding:15px 0 13px 3px; margin:0; _padding-left:6px; height: 40px;}

ul#menu{margin:0; padding:0; list-style-type:none;	width:770px; position:relative;	display:block;	height:30px; font-size:12px;	font-family:Helvetica,Arial,Verdana,sans-serif;	font-weight:bold;}

ul#menu li#home{background:url("../images/home_btn_out.png") no-repeat top left; width:28px !important;margin-top: 15px;}
ul#menu li#home a{	padding:0;	width:28px;	height: 28px;}
ul#menu #home a:hover, ul#menu #home a.selected{background:transparent url("../images/home_btn_over.png") no-repeat top left; width:28px;text-shadow: none;}

ul#menu li#home2{background:url("../images/home_btn_out.png") no-repeat top left; width:28px !important;margin-top: 8px;}
ul#menu li#home2 a{padding:0;	width:28px;height: 28px;}
ul#menu #home2 a:hover, ul#menu #home2 a.selected{background:transparent url("../images/home_btn_over.png") no-repeat top left; width:28px;text-shadow: none;}

ul#menu li{	display:block;	float:left;	margin:0;	margin-right:7px;	padding:0;	background:transparent url("../images/menu_bn_out.png") no-repeat top center;	vertical-align:middle;}
ul#menu li a{	display:block;	float:left;	color:#ffffff;	text-decoration:none;	padding:7px 10px 0 10px; height:23px;width:98px;text-align: center;text-shadow: 1px 1px 2px #327652;}
ul#menu li#section2 a{	display:block;	float:left;	color:#ffffff;	text-decoration:none;	padding:5px 10px 0 10px;	height:23px; width:110px;}
	
ul#menu li a:hover, ul#menu li a.selected{	background:transparent url("../images/menu_bn_over.png") no-repeat top center; color:#407356;text-shadow: none;} 
ul#menu li#section2 a:hover, ul#menu li#section2 a.selected{	background:transparent url("../images/menu_bn_over.png") no-repeat top center; color:#407356;text-shadow: none;}  

ul#menu li.oneline a {padding-top:12px !important;}

/*NAVEGACION*/
#menuInferior{padding:4px 10px 0; _padding-right:0px; vertical-align:top;}

ul#navigation{margin:0;	padding:0;	list-style-type:none;	width:auto;	position:relative;	display:block;	height:22px; float:right;}
ul#navigation.home{margin-top:344px; margin-right: 6px;}
ul#navigation li{	display:block;	float:left;	margin:0;	margin-right:10px;	padding:0;}
ul#navigation.home li{margin-right:4px;}
ul#navigation li#back{background:transparent url("../images/nav_btn_out_bk.png") no-repeat top left;}
ul#navigation li#forward{background:transparent url("../images/nav_btn_out_fw.png") no-repeat top left;}
ul#navigation li#end{background:transparent url("../images/nav_btn_over_fw.png") no-repeat top left; width:22px; height:22px;}
	
ul#navigation li a{	display:block; float:left; color:#ffffff; text-decoration:none; padding:0; margin:0; width:22px; height:22px;}
ul#navigation li#back a:hover{	background:transparent url("../images/nav_btn_over_bk.png") no-repeat top left;}
ul#navigation li#forward a:hover{	background:transparent url("../images/nav_btn_over_fw.png") no-repeat top left;}
 
.sabiasque{
  height: 120px;
}    
.sombra01{float:left; background:url("../images/sombra01.png") no-repeat;width:150px;height:40px;margin: 0 0 0 10%;}       
.sombra02{float:right; background:url("../images/sombra02.png") no-repeat;width:150px;height:40px;margin: 0 6% 0 0;}  
.cajaPuntosblue{ background-color: #ffffff; border: 1px dotted #407356;padding: 10px; color:#40b5e8; font-size: 12px;width:80%;margin: 0 10%;height: 60px;}  
.contCajaPuntos { position: absolute; z-index: 2; width: 420px; bottom: 0px; *left: 20px; *bottom: -18px;}

.cajaPuntosgreen{ background-color: #ffffff; border: 1px dotted #407356;padding: 10px 10px 10px 35px; color:#327652; margin: 0 0 0 30px;font-size: 12px;position: relative;text-align:left;width: 85%; left: -31px;}    
.cajaPuntosgreen h4{ color:#327652; margin:0; font-family: the_serif_light-regular, Arial, Helvetica, sans-serif; font-size:14px;}      
.cajaPuntosgreen p{ color:#327652 !important; }    
.cajaPuntosgreen a{ color:#327652; font-weight:bold;}
.bulb{position: absolute; top: 50%; left: -25px;margin-top: -25px;}
.windowlink{cursor:pointer;background-color:#009DDF;color:#ffffff; padding:1px 2px;}