html{
background:#fff;
height:100%;
}
body{
margin:0;
color:#102450;
font:11px Arial, sans-serif;
min-width:986px;
background:url(../images/body-bg.gif) repeat 50% 0;
min-height:100%;
}
* html body{height:100%;}
img{border:none;}
a{
text-decoration:none;
xcolor:#102450;
color:#376FB3;
}
a:hover{text-decoration:underline;}
.body-top{
background:url(../images/body-top.gif) no-repeat 50% 0;
width:100%;
}
/*MAIN*/
.main{
margin:0 auto;
width:986px;
position:relative;
}
/*HEADER*/
#header{
width:986px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
#logo-dentaid{
width:174px;
height:71px;
margin:10px 0 0 280px;
float:left;
text-indent:-9999px;
overflow:hidden;
}
.expertos{
position:absolute;
left:160px;
top:30px;
width:164px;
height:16px;
}
.dentaid{
background:url(../images/dentaid.gif) no-repeat;
}
.dentaid2{
background:url(../images/dentaid_sb.gif) no-repeat;
}
* html #logo-dentaid{margin:15px 0 0 269px;}
.dentaid:hover, .dentaid2:hover{background-position:0 100%;}
/*SUB-NAV*/
.sub-nav-area{
background:url(../images/sub-nav-bg.gif) no-repeat;
float:right;
margin:16px 4px 0 0;
}
* html .sub-nav-area{margin:16px 6px 0 0;}
.sub-nav{
background:url(../images/sub-nav-right.gif) no-repeat 100% 0;
line-height:28px;
margin:0 0 0 2px;
padding:0 7px 2px 6px;
list-style:none;
}
.sub-nav li{
display:inline;
padding:0 4px;
}
.sub-nav li a{color:#fff;}
.sub-nav li a.active{
text-decoration:underline;
}
.sub-nav li a.activeIdioma{
text-decoration:none;
color:#79B0D9;
}
.sub-nav-area-foot{
float:right;
margin:0px 4px 0 0;
font-weight:bold;
}
.sub-nav-foot{
line-height:18px;
margin:0 0 0 2px;
padding:0 7px 2px 6px;
list-style:none;
}
.sub-nav-foot li{
display:inline;
padding:0 4px;
}
.sub-nav-foot li a{color:#fff;}
.sub-nav-foot li a.active{
text-decoration:underline;
}
.sub-nav-bg{
background:url(../images/sub-nav-right.gif) no-repeat;
width:6px;
height:29px;
float:left;
}
.search{
float:right;
xwidth:529px;
text-align:right;
padding-right:6px;
}
.search .text{
background:url(../images/search.gif) no-repeat;
width:136px;
padding:11px 35px 11px 17px;
border:none;
color:#fff;
}
.search .image{margin:1px 13px 0 -35px;}
/*LOGO*/
* html .logo{left:2px;}
.logo{
background:url(../images/logo.png) no-repeat;
width:140px;
height:60px;
text-indent:-9999px;
z-index:100;
position:absolute;
top:9px;
left:1px;
margin:0;
}
.logo a{
display:block;
overflow:hidden;
height:100%;
}
/*SIDEBAR*/
#sidebar{
float:left;
width:256px;
margin-left:25px;
display:inline;
}
#inner #sidebar{margin-left:19px;}
.cambiara{
background:url(../images/cambiar-vista-left.gif) no-repeat;
color:#fff;
float:left;
height:31px;
line-height:28px;
margin-left:29px;
cursor:pointer;
}
.cambiara:hover{
background-position: 0 100%;
text-decoration:none;
}
.cambiara span{
background:url(../images/cambiar-vista-right.gif) no-repeat 100% 0;
float:left;
height:31px;
padding:0 15px;
margin-right:-7px;
}
.cambiara:hover span{background-position:100% 100%;}
/*NAVIGATION*/
.nav-area{
width:255px;
background:url(../images/nav-top.gif) no-repeat 100% 0;
clear:both;
padding:19px 0 0;
}
.nav-area .top{
background:url(../images/nav-bg.png) repeat-y;
float:left;
width:255px;
}
.nav-area .bottom{
background:url(../images/nav-bottom.gif) no-repeat 100% 100%;
height:21px;
width:254px;
clear:both;
margin-right:1px;
}
.nav{
height:345px;
background:url(../images/sub-menu-li.png) repeat-y;
}
#sidebar dl{
margin:-18px 0;
padding:10px 0 12px 0;
list-style:none;
color:#fff;
position:relative;
float:left;
}
#sidebar dl dt{
width:250px;
display:block;
background:url(../images/nav-li-bg.png) no-repeat;
padding:2px 0 2px;
vertical-align:top;
clear:both;
}
#sidebar dl dt.first {
background:url(../images/first-li.png) no-repeat;}
#sidebar dl dt a{
color: #fff;
display:block;
padding:6px 0 5px 44px;
width:200px;
position:relative;
}
#sidebar dl dt a:hover{
background:url(../images/nav-hover.gif) no-repeat 5px 100%;
text-decoration:none;
color:#465278;
}
#sidebar dl dt a.active{
background:url(../images/nav-hover.gif) no-repeat 5px 100%;
text-decoration:none;
color:#465278;
}
#sidebar dd{
padding:0px;
margin:0px;
color:#fff;
position:relative;
float:left;
display:none;
}
#sidebar dd ul {
list-style: none;
padding: 0px;
display: block;
height:100%;
}
#sidebar li{
width:188px;
display:block;
padding:2px 0 2px 60px;
margin:0px;
vertical-align:top;
}
#sidebar li a{
outline:0;
color: #fff;
display:block;
padding:2px 0 3px 5px;
width:160px;
border-bottom:#5B7BB0 1px solid;
position:relative;
background:none;
}
#sidebar li a:hover
{
background:none;
background-color:#113373;
text-decoration:none;
color:#FFF;
}
#sidebar li a.active
{
background:none;
background-color:#113373;
text-decoration:none;
color:#FFF;
}
#sidebar li.first-sub {
padding-top:7px;
}
#sidebar li.last-sub {
padding-bottom:7px;
}
#sidebar li.last-sub a{
border:none;
}
/*CONTENT*/
.content{
padding:101px 25px 2px 0;
width:961px;
overflow:hidden;
}
#inner .content{
padding:101px 0 20px;
width:986px;
}
.holder{
overflow:hidden;
width:100%;
margin-bottom:8px;
}
/*MAIN-BOX*/
#main-box{
float:right;
width:672px;
padding:33px 0 0;
}
#main-box-home{
float:right;
width:672px;
margin:33px 0 0;
}
.flash{display:block;}
#inner #main-box{
width:711px;
padding-top:19px;
}
/*BREAD-CRUMB*/
.bread-crumb{
margin:0 0 0 8px;
padding:0;
list-style:none;
}
.bread-crumb li{
display:inline;
padding:0 0 0 10px;
background:url(../images/separator-breadcrumb.gif) no-repeat 0 4px;
}
.bread-crumb li a{
color:#102450;
}
.bread-crumb li.active{
color:#00aeef;
}
.bread-crumb li:first-child{background:none;}
.bread-crumb li a:hover,
.bread-crumb li.active a{
text-decoration:none;
color:#00aeef;
}
.wrapper{
overflow:hidden;
width:100%;
}
.main-block{
width:566px;
float:left;
}
#inner .main-block .top{
background:url(../images/top-main-block.png) no-repeat;
height:20px;
}
#inner .main-block .top-product{
background:url(../images/top-main-block-product.png) no-repeat;
height:20px;
}
#inner .main-block .bottom{
background:url(../images/bottom-main-block.png) no-repeat;
height:23px;
clear:both;
}
#inner .main-block .bg{
background:url(../images/bg-main-block.png) repeat-y;
padding:5px 8px 35px 5px;
float:left;
width:553px;
}
#page-flip-box{
float:left;
width:1000px;
padding:33px 0 0;
}
.page-flip{
width:986px;
float:left;
}
#inner .page-flip .top{
background:url(../images/pageflip-top.png) no-repeat;
height:35px;
}
#inner .page-flip .bottom{
background:url(../images/pageflip-bottom.png) no-repeat;
height:31px;
clear:both;
}
#inner .page-flip .bg{
background:url(../images/pageflip-middle.png) repeat-y;
padding:0px 8px 5px 35px;
float:left;
width:943px;
}
.bg p{
margin:0 0 20px;
line-height:19px;
position:relative;
}
.main-block h1{
margin:-19px 0 27px 0;
font-size:18px;
background:url(../images/bg-heiding.gif) no-repeat;
padding:19px 0 13px 180px;
position:relative;
}
.main-block h1.center {
margin:-19px 0 27px 0;
font-size:18px;
background:url(../images/bg-heiding.gif) no-repeat;
padding:19px 0 13px 30px;
position:relative;
}
.main-block h2{
background:url(../images/bg-title.gif) no-repeat;
line-height:37px;
margin:10px 0 3px 24px;
color:#fff;
padding:0 0 0 25px;
font-size:12px;
font-weight:normal;
}
.main-block .holder{
overflow:hidden;
width:100%;
margin:0 0 0px;
float:left;
}
.main-block img{
float:left;
margin:0 0 0 10px;
}
.content-area{
width:345px;
float:right;
padding:0 20px 0 0;
margin:0px;
}
.content-area-product {
width:490px;
margin:0px;
padding:0px 30px 10px 30px;
float:left;
font-size:11px;
line-height:19px;
font-weight:normal;
}
/*Salud Bucal*/
#masinfo{
width:490px;
padding:20px 30px 10px 30px;
line-height:19px;
display:none;
float:left;
position:relative;
}
#masinfo img{
float:right;
margin-left:10px;
display:block;
}
#masinfo ul, .contingut ul{
margin-bottom:15px;
}
#masinfo ul li, .contingut ul li{
margin:5px 0 5px 30px;
}
#masinfo ul.nopoint {
list-style:none;
}
ul#sitemap{
margin-bottom:10px;
margin-top:-10px;
}
ul#sitemap li{
margin:3px 0 3px 30px;
list-style:none;
}
#masinfoestudio{
width:550px;
padding:20px 0px 10px 0px;
display:none;
float:left;
position:relative;
}
.soluciones{
width:500px;
padding:10px 0px 10px 40px;
margin:0px;
display:none;
float:left;
position:relative;
}
.soluciones span{
background:url(../images/bg-title_p.gif) no-repeat;
float:left;
margin:0px;
margin-top:5px;
padding:2px 0px 0px 20px;
color:#fff;
width:305px;
height:37px;
line-height:31px;
font-weight:bold
}
.infoProducto{
margin:10px 0px;
width:100%;
float:left;
}
.imgProducto{
float:left;
width:140px;
}
.descProducto{
float:left;
padding-left:10px;
width:330px;
}
.descProducto h3{
padding:15px 0px 5px 0px;
margin:0px;
font-size:16px;
}
.descProducto a{
background:url(../images/btn-mas-informacion.gif) no-repeat;
float:left;
margin:0px;
margin-top:5px;
padding:2px 0px 0px 50px;
color:#000;
width:160px;
height:36px;
line-height:31px;
}
/*list-popups*/
.list-popups{
margin:0;
padding:0 0 0 25px;
list-style:none;
overflow:hidden;
width:515px;
}
.list-popups li{
float:left;
width:100px;
position:relative;
padding:60px 0 0;
}
.img-link {
height:100px;
width:79px;
display: block;
overflow:hidden;
margin:0 auto;
position: relative;
}
.img-link a{
display: block;
height:100px;
width:160px;
}
.img-link a:hover{margin-left:-80px;}
.img-link a img{margin:0;}
.popup{
float:left;
position:absolute;
top:0;
left:0;
width:100px;
padding:0px;
margin:0px;
font-size:12px;
color:#4b5d83;
display:none;
}
.popup span{
margin:0px;
padding:0px;
}
.popup .top-pop{
background:url(../images/popup_top.gif) bottom no-repeat;
height:7px;
margin:0px;
padding:0px;
}
.popup .main-pop{
background:url(../images/popup_main.gif) repeat-y;
padding:0px 5px;
xfloat:left;
text-align:center;
margin:0px;
width:88px;
}
.popup .bottom-pop{
background:url(../images/popup_bottom.gif) no-repeat;
height:16px;
clear:both;
}
/*Ficha producto*/
.content-area-product h1{
margin:0px;
font-size:18px;
padding:19px 0 25px 0px;
xposition:relative;
background:none;
}
.content-area-product h3{
margin:0px;
font-size:14px;
line-height:19px;
padding:0px;
font-weight:normal;
float:left;
width:330px;
}
.content-area-product img{
float:left;
margin:0 0 0 0px;
padding-bottom:10px;
padding-right:10px;
}
.info, .info-img, .info-img-centrado{
width:490px;
margin:0px;
padding:20px 30px 10px 30px;
float:left;
}
.info h3{
margin:0px;
font-size:14px;
line-height:19px;
padding:0px;
font-weight:bold;
}
p.azul{
color:#2561A0;
margin:0px;
}
.fondo-azul{
background-color:#E0EBF8;
color:#2561A0;
padding:5px;
line-height: 19px;
}
/*Documentación marcas*/
.content-area-marcas{
width:510px;
float:left;
padding-left: 50px;
padding-bottom:10px;
margin:0px;
font-size:13px;
font-weight:bold;
}
.content-area-marcas img{
padding-right:30px;
}
.content-area-marcas p{
width:305px;
float:left;
}
.info-img p{
width:280px;
float:left;
line-height:19px;
}
.info-img img{
margin:-5px 15px 0px 0px;
float:left;
}
/*logos marcas*/
#logos-marcas{
margin-left:20px;
}
.marcas-top{
background:url(../images/marcas-top.gif) 0 0 no-repeat;
height:26px;
margin-top:10px;
}
.marcas-main{
background:url(../images/marcas-main.gif) repeat-y;
float:left;
width:470px;
padding:0px 20px;
text-align:center;
}
.marcas-bottom{
background:url(../images/marcas-bottom.gif) 0 0 no-repeat;
height:27px;
clear:both;
}
.marcas-main img{
margin:5px 10px;
float:none;
}
/*Notas de prensa*/
.news{
overflow:hidden;
width:100%;
float:left;
}
.news a#masInformacion{
outline:0;
background:url(../images/barra_noticias_off.gif) no-repeat;
float:left;
width:470px;
color:#fff;
margin-left:20px;
padding-left:40px;
height:35px;
line-height:31px;
}
.news a#masInformacion:hover{
background-position:0 90%;
text-decoration:none;
}
.news #masinfo img{
float:left;
margin:10px 15px 5px 0px;
display:block;
}
/*Botones*/
/*Boton azul*/
.btn-informacion{
overflow:hidden;
width:100%;
float:left;
}
.btn-informacion a{
background:url(../images/btn-information.gif) no-repeat;
float:right;
color:#fff;
height:36px;
line-height:31px;
}
.btn-informacion a:hover{
background-position:0 100%;
text-decoration:none;
}
.btn-informacion a:hover span{background-position:100% -36px;}
.btn-informacion a span{
background:url(../images/btn-information-right.gif) no-repeat 100% 0;
padding:0 29px;
float:left;
height:36px;
cursor:pointer;
}
/*Boton flecha der*/
a.boton{
background:url(../images/btn-info.gif) no-repeat;
float:right;
margin:0px;
margin-top:5px;
padding:2px 0px 0px 20px;
color:#000;
width:120px;
height:39px;
line-height:31px;
}
/*Profesionales*/
.contingut{
width:490px;
float:left;
padding:0px 45px;
margin:0px;
}
.line{
border-bottom:#999999 1px solid;
width:100%;
height:1px;
margin:15px 0px 25px;
}
.titulo-azul{
font-size:15px;
font-weight:bold;
color:#376FB3;
}
.titulo-azul-p{
font-size:12px;
font-weight:bold;
color:#376FB3;
}
.contingut .btn-informacion a{
float:left;
margin-bottom:0px;
}
.contingut img{
margin:0px 0px 0px -5px;
float:left;
xwidth:260px;
}
.contingut .texte{
float:right;
width:220px;
height:265px;
}
/*Formulario Solicitud cursos/material */
.sinfondo{
background:none;
background-color:#f5f5f5;
min-width:350px;
}
#formulario{
margin:0px;
width:350px;
}
input{
font:11px Arial,sans-serif;
vertical-align:middle;
}
input.largo{
width:150px;
}
select.provincias{
width:177px;
font-size:11px
}
form{
margin:0;
padding:0;
border:none;
}
table{
font-size:11px;
border:0;
margin-left:10px;
}
table td{
margin:0px;
padding:1px;
}
a.enviar{
background:url(../images/btn-info.gif) no-repeat;
float:right;
margin:5px 5px 0px 0px;
padding:2px 0px 0px 20px;
color:#000;
width:140px;
height:39px;
line-height:31px;
}
h2.titleBlue{
background:url(../images/bg-title_p.gif) no-repeat;
line-height:37px;
margin:0px;
color:#fff;
padding:0 0 0 25px;
font-size:12px;
font-weight:normal;
}
/*Enlaces*/
table.enlaces{
width:510px;
margin-left:0px;
}
table.enlaces td{
padding-bottom:7px;
padding-right:15px;
}
table.enlaces a{
font-size:12px;
font-weight:bold;
}
table.enlaces img{
float:none;
}
/*Material apoyo*/
.info-img-centrado img{
margin-left:80px;
margin-right:20px;
float:left
}
.info-img-centrado p{
float:left;
width:190px;
height:100px;
margin-top:5px;
margin-left:10px;
}
.info-img-centrado a{
float:left;
cursor:pointer;
}
/*slideshow*/
#slideshow2{
height:81px;
}
#slideshow img, #slideshow2 img{
display:none;
position:absolute;
}
.ubicacion{
padding-left:15px;
padding-top:2px;
}
img.left{
float:left;
padding-right:15px;
padding-bottom:15px;
}
img.right{
float:right;
padding-left:15px;
}
.flashBox{
text-align:center;
margin:0 auto;
margin-bottom:20px;
padding:10px;
background-color:#fff;
}
#centrado{
text-align:center;
margin:0px auto;
padding:15px;
}
#centrado img{
padding-bottom:10px;
float:none;
}
#tec1,#tec2{
border-top: 1px dotted #CCC;
padding:20px 0 20px 5px;
display:none;
float:left;
}
.delegaciones{
float:left;
width:245px;
}
.fecha-news{
float:right;
margin-right:20px;
color:#106C9E;
}
/*BANNERS-RIGHT*/
.sub-area{
float:right;
width:142px;
margin:0;
padding:0;
list-style:none;
}
.info-box{
margin-bottom:1px;
overflow:hidden;
width:100%;
cursor:pointer;
}
.info-box a{
margin:0;
padding:0;
color:#000000;
}
.info-box p:hover {
text-decoration:underline;
}
.info-box-top{
background:url(../images/sub-area-top.png) no-repeat;
height:25px;
}
.info-box-bottom{
background:url(../images/sub-area-bottom.png) no-repeat;
height:25px;
clear:both;
}
.info-box-bg{
float:left;
background:url(../images/sub-area-bg.png) repeat-y;
width:142px;
}
.info-box-content{
padding:5px;
margin:-25px 0 -20px;
position:relative;
z-index:100;
}
.info-box-content p{
text-align:center;
margin:5px 1px;
font-size:12px;
position:relative;
}
.btn-link{
height:42px;
width:42px;
display:block;
overflow:hidden;
position:absolute;
top:13px;
right:10px;
}
.btn-link a{
height:84px;
display: block;
}
.btn-link a:hover{margin-top:-42px;}
/*BANERS-HOME*/
.baner-boxes{
margin:0 -50px 0 50px;
padding:0 0 13px;
list-style:none;
overflow:hidden;
width:961px;
}
.box{
float:left;
margin-right:9px;
width:293px;
height:162px;
cursor:pointer;
color:#102450;
z-index:9999999;
}
.box:hover{
text-decoration:none;
}
.box-area{
position:relative;
width:100%;
height:100%;
}
.box12{
background:url(../images/baner12.png) no-repeat;
float:left;
margin-right:9px;
width:155px;
height:138px;
padding:14px 3px 10px 138px;
cursor:pointer;
}
.title{
overflow:hidden;
width:147px;
}
.title .top{
width:100%;
height:12px;
line-height:0;
background:url(../images/title-top.png) no-repeat;
float:left;
}
.title .bg{
background:url(../images/title-bg.png) repeat-y;
padding:5px 15px 3px 27px;
float:left;
width:115px;
color:#122a5c;
}
.title h3{
margin:-8px 0 -8px;
font-size:14px;
line-height:16px;
position:relative;
}
.title .bottom{
width:100%;
height:14px;
background:url(../images/title-bottom.png) no-repeat;
clear:both;
}
.box p{margin:6px 10px 0 28px;}
.arrow{
position:absolute;
bottom:0;
right:15px;
background:url(../images/banner-arrow.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
height:35px;
width:34px;
z-index:100;
}
.arrow:hover{background-position:0 100%;}
.arrow_blanc{
position:absolute;
bottom:3px;
//bottom:-2px;
right:15px;
background:url(../images/banner-arrow_blanc.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
height:30px;
width:30px;
z-index:100;
}
.arrow_blanc:hover{background-position:0 100%;}
.arrow_petit{
position:absolute;
bottom:6px;
right:15px;
background:url(../images/banner-arrow_petit.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
height:22px;
width:21px;
z-index:100;
cursor:pointer;
}
.arrow_petit:hover{background-position:0 100%;}
/*BANERS-HOME-PETITS*/
.baner-boxes-small{
margin:0 -50px 0 50px;
padding:0 0 13px;
list-style:none;
overflow:hidden;
width:961px;
}
.box-area-small{
position:relative;
width:100%;
height:100%;
}
.box-small{
float:left;
margin-right:1px;
width:227px;
height:145px;
z-index:9999999;
cursor:pointer;
color:#102450;
}
.box-small:hover{
text-decoration:none;
}
.box-arrow{
background:url(../images/banner-arrow.gif) no-repeat;
width:35px;
height:35px;
position:absolute;
margin:105px 0px 0px 180px;
}
.box-arrow:hover{
background-position:0 100%;
}
.box-arrow-blanc{
background:url(../images/banner-arrow_blanc.gif) no-repeat;
width:34px;
height:30px;
position:absolute;
margin:105px 0px 0px 180px;
z-index:99999999;
}
.box-arrow-blanc:hover{
background-position:0 100%;
}
.box5-small{
background:url(../images/baner5-small.png) no-repeat;
float:left;
margin-right:1px;
width:130px;
height:131px;
padding:10px 0 4px 97px;
cursor:pointer;
}
.baner-boxes-small p{margin:6px 10px 0 20px;}
.txt-actualidad{
overflow:hidden;
width:190px;
display: block;
height: auto;
font-size: 13px;
}
.title-small{
overflow:hidden;
width:124px;
display: block;
height: auto;
}
.title-small .top{
width:100%;
height:12px;
line-height:0;
background:url(../images/title-top-small.png) no-repeat;
float:left;
}
.title-small .bg{
background:url(../images/title-bg-small.png) repeat-y;
padding:5px 12px 3px 12px;
float:left;
width:110px;
color:#122a5c;
}
.title-small h3{
margin:-10px 0 -8px;
font-size:13px;
line-height:16px;
position:relative;
}
.title-small .bottom{
width:100%;
height:12px;
background:url(../images/title-bottom-small.png) no-repeat;
clear:both;
}
/*BANER MARCAS*/
.baner-marcas{
margin:0 0 0 50px;
padding:11px 0 0 5px;
list-style:none;
background:url(../images/baner-marcas.png) no-repeat;
width:908px;
height:63px;
overflow:hidden;
}
.baner-marcas_prof, .baner-redes-sociales{
margin:0 0 0 50px;
padding:11px 0 0 5px;
list-style:none;
background:url(../images/baner-marcas.png) no-repeat;
width:908px;
height:63px;
overflow:hidden;
}
.baner-marcas li{
display:block;
float:left;
width:90px;
text-align:center;
height:46px;
}
.baner-marcas a{
display:block;
float:left;
width:70px;
margin:0 9px;
text-align:center;
height:46px;
}
.baner-marcas_prof a{
display:block;
float:left;
width:70px;
margin:0 5px;
text-align:center;
height:46px;
}
.baner-redes-sociales a{
display:block;
float:left;
width:70px;
padding:10px 40px 0 30px;
text-align:center;
height:46px;
outline:none;
}
.baner-marcas a:hover{
filter: alpha(opacity=20);
opacity: .2;
}
.baner-marcas_prof a:hover, .baner-redes-sociales a:hover{
filter: alpha(opacity=20);
opacity: .2;
}
/*FOOTER*/
#footer{
width:100%;
color:#c6d0de;
padding:8px 0 0;
background:#f5f5f5;
}
.footer-area{
width:912px;
margin:0 auto;
overflow:hidden;
padding:0px 0 10px 30px;
}
.footer-top{
background:url(../images/footer-bg4.gif) repeat-x top left;
width:100%;
height:18px;
overflow:hidden;
padding:0;
margin-top:5px;
}
.footer-close{
background:url(../images/footer-bg3.gif) #f5f5f5 no-repeat bottom center;
width:100%;
height:75px;
overflow:hidden;
padding:0;
}
.block-links{
width:900px;
padding-top:4px;
padding-bottom:10px;
overflow:hidden;
}
.block-products{
width:480px;
float:left;
margin-top:4px;
}
.productes{
float:left;
padding-top:0px;
padding-right:5px;
}
.block-xarxes{
width:400px;
float:right;
margin-top:4px;
}
.xarxes a:hover, .productes a:hover{
filter: alpha(opacity=20);
opacity: .2;
}
.xarxes{
float:right;
padding-top:0px;
padding-right:0px;
}
.block-text{
width:400px;
float:left;
padding-top:4px;
}
.block-text p{
margin:0;
line-height:16px;
position:relative;
color:#102450;
}
.revista{
float:left;
height:250px;
width:150px;
padding:0px 10px 10px 0px;
}
.footer-area .sub-nav-area{margin:0;}
.footer-area .sub-nav-foot li{
background:url(../images/footer-separator.gif) no-repeat 0 3px;
padding:0 5px 0 9px;
}
.footer-area .sub-nav-foot li:first-child{background:none;}
.footer-area .sub-nav-foot li a, .footer-area .nav-inform li a{
color:#102450;
position:relative;
}
.footer-area .sub-nav-foot li a.active{
text-decoration:underline;
}
.nav-inform{
margin:0;
padding:0 15px 0 0;
list-style:none;
float:right;
font-size:10px;
}
.nav-inform li{
display:inline;
padding:0 2px;
color:#102450;
position:relative;
}
#logofooter{
float:left;
margin-left:60px;
margin-top:-39px;
position:relative;
width:150px;
}
#logof1{
float:left;
padding-top:5px;
padding-left:85px;
}
#logof2{
float:left;
padding-top:5px;
padding-left:10px;
}
.juegosP_azul{
float:left;
display:block;
background-color:#C0DBED;
width:98%;
padding:10px;
margin-bottom:10px;
height:140px;
}
.juegosP {
float:left;
display:block;
background-color:#D0F0C1;
width:98%;
padding:10px;
margin-bottom:10px;
height:140px;
}
#redes_sociales{
background-image:url(../images/bg_redes.jpg);
width:476px;
height:36px;
margin-top:25px;
padding:5px 10px;
color:#102552;
font-size:15px
}
#masinfo #redes_sociales img, #redes_sociales img{
float:right;
margin:0px;
}
#redes_sociales_mini{
float:right;
width:476px;
height:20px;
padding:10px 10px 20px;
}
#redes_sociales_mini_inf{
float:right;
width:476px;
padding-top:8px;
}
#redes_sociales_mini img, #redes_sociales_mini_inf img{
float:right;
margin:0px 2px;
}
.line_social{
border-bottom:#fff 1px solid;
border-top:#D8D8D8 1px solid;
width:100%;
height:0px;
margin:8px 0px 25px;
}
/*THICKBOX TWITTER*/
.twitter{
width:420px;
height:708px;
background:url(../images/bckgTwitter.jpg) no-repeat top left;
overflow: hidden;
z-index:10000;
}
.contTwitter{
width:380px;
height:540px;
margin-top:120px;
margin-left:15px;
}
#twitter_update_list_thickbox {
text-decoration:none;
list-style-type: none;
list-style: none;
display: inline;
font-size: 12px;
z-index:10000;
}
#twitter_update_list_thickbox li {
text-decoration:none;
list-style-type: none;
list-style: none;
display: block;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
padding-top:10px;
margin:0px;
border-bottom: 1px solid #c8e8f8;
}
#twitter_update_list_thickbox a{
color: #376FB3;
text-decoration:none;
}
#twitter_update_list_thickbox a:hover{
color: #376FB3;
text-decoration:none;
}
/*THICKBOX VIDEO*/
.video{
width:560px;
height:340px;
border:1px solid #000;
}
.mensaje{
width:410px;
height:110px;
}
.mensaje p{
color: #102450;
margin-top:20px;
font-size:18px;
line-height:1.4em;
text-align:center;
}
.submenuCursos{
margin-right:20px;
height:20px;
float:right;
font-size:13px;
color:#458CD3;
}
.line_social_cursos{
border-bottom:#fff 1px solid;
border-top:#D8D8D8 1px solid;
width:486px;
height:0px;
margin:25px 0px 25px 48px;
}
.submenuCursos a{
color:#458CD3;
text-decoration:none;
}
.submenuCursos a:hover{
color:#2561A0;
}
.submenuCursos a.subactive{
color:#2561A0;
font-weight:bold;
}
/*SUSCRIPCION ALERTAS*/
.alertes{
width:490px;
margin:0px;
padding:0px 30px 10px 30px;
float:left;
}
.line_alertes{
border-bottom:#fff 1px solid;
border-top:#D8D8D8 1px solid;
width:100%;
height:0px;
margin:0px 0px 10px;
}
/*Buscador cursos*/
#buscador{
width:490px;
padding:20px 45px;
background:#fff;
border-bottom:#E2E2E2 1px solid;
margin-bottom:25px;
}
#buscador label{
float:left;
text-align:left;
width:160px;
}
#buscador input, #buscador select{
font-family:Arial, Helvetica, Verdana;
font-size:11px;
padding:2px 2px;
width:196px;
margin:0px 0 10px 0px;
}
#buscador select{
width:202px;
}
#buscador .button{
margin-left:295px;
width:70px;
height:22px;
padding:0px;
text-align:center;
}
.titulo-cursos{
font-size:14px;
font-weight:bold;
}
.paginacion{
height:30px;
}
.paginacion a{
border:#999999 1px solid;
color:#666666;
position:relative;
padding:0px 4px;
}
.pagActual, .paginacion a:hover{
background-color:#2561A0;
border:1px solid #2561A0;
color:#FFFFFF;
padding:0px 4px;
}
.paginacion a:hover {
background-color:#6B99D1;
text-decoration:none;
}
#form_alertas select{
font-size:11px;
width:150px;
padding:2px;
}