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

html, body{margin:0; padding:0;}
body{background-color:#CCC;}

a{color:#cc071e;}
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;}

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;}

#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:#009ee0; float:left; text-align:center; font-weight:bold; margin-top:25px;}
#cap #logoRecursos{width:98px; float:right; margin-right:10px;}
#cap #barra{height:4px; clear:both; background:url("../images/bg_franjaBlau.gif") repeat-y; overflow:hidden;}


#continguts{width:793px; height:418px; text-align:center; background:url("../images/bg_microsite.jpg") no-repeat; padding-left:7px; _padding-left:5px; _width:795px;}


/* PEU */
#peu{font-family:Arial, Helvetica, sans-serif; background-color:#FFF; width:800px; height:74px; clear:both;}
#peu #barra{height:6px; clear:both; background:url("../images/bg_franjaBlau.gif") repeat-y; overflow:hidden;}
#peu #logoObraSocial{width:202px; margin:0 auto;}


/* CONTINGUTS */
#diapos.home{padding: 0pt; margin: 0pt; width:750px; float:left;}
#contDiapo{width:753px; height:296px; padding:18px 21px 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 #quadre1{width:428px;}
#contDiapo #quadre2{width:100%;}
#contDiapo h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:0; margin:0; color:#009ee0; text-align:left;}
#contDiapo p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:justify; line-height:15px; padding-bottom:12px; *padding-bottom:8px; _padding-bottom:6px;  *margin-top:8px; _margin-top:8px;}

#contDiapo #quadreFoto1{width:275px; background-color:#CCC;}
#contDiapo #quadreFoto2{width:186px; background-color:#CCC;}
#contDiapo #quadreFoto1 p, #contDiapo #quadreFoto2 p{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-align:justify; margin:12px 6px 12px 6px; padding:0; line-height:14px;}

#contDiapo #cajaTexto{margin:0; padding:0;}
#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 #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; pading: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;}


.pager {
	float:right;
	font-size:10px;
	color:#00000;
	font-family:Helvetica,Arial,Verdana,sans-serif;
    margin-left: 0;
    margin-right: 20px;
    margin-top: -25px;
}


/* MENU TOP */
#menuSuperior{padding:22px 0 13px 3px; margin:0; _padding-left:6px;}

ul#menu{margin:0; padding:0; list-style-type:none;	width:auto;	position:relative;	display:block;	height:33px; font-size:12px;	font-family:Helvetica,Arial,Verdana,sans-serif;	font-weight:bold;}
ul#menu #home{background:url("../images/home_btn_out.gif") no-repeat top left; width:28px !important;}
ul#menu li{	display:block;	float:left;	margin:0;	margin-right:18px;	pading:0;	background:transparent url("../images/menu_bn_out.gif") no-repeat top center;	vertical-align:middle;}
ul#menu li a{	display:block;	float:left;	color:#ffffff;	text-decoration:none;	padding:2px 12px 0 12px;	height:24px;	height:34px;}
ul#menu li#home a{	padding:0;	width:28px;	}
ul#menu li#section2 a{	display:block;	float:left;	color:#ffffff;	text-decoration:none;	padding:8px 12px 0 12px;	height:24px;	height:28px;}
	
ul#menu li a:hover, ul#menu li a.selected{	background:transparent url("../images/menu_bn_over.gif") no-repeat top center;}
ul#menu #home a:hover, ul#menu #home a.selected{background:transparent url("../images/home_btn_over.gif") no-repeat top left; width:28px;}


/*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:135px;}
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_out_end.png") no-repeat top left;}
	
ul#navigation li a{display:block; float:left; color:#ffffff; text-decoration:none; padding:0; margin:0; width:22px;	height:22px; height:22px;}
ul#navigation li#back a:hover{	background:transparent url("../images/nav_btn_over_bk.gif") no-repeat top left;}
ul#navigation li#forward a:hover{	background:transparent url("../images/nav_btn_over_fw.gif") no-repeat top left;}