@charset "utf-8";

/* RESET CSS ______________________________________________________________________________*/

body,dl,dt,dd,ul,ol,li,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset,img { 
 border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style:normal;
 font-weight:normal;
}
ol,ul {
 list-style:none;
}
caption,th {
 text-align:left;
}
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:normal;
}
q:before,q:after {
 content:'';
}
abbr,acronym {
 border:0;
}


* {
	padding: 0px;
	margin: 0px;
}

body {
	background: url(../img/bsibility_bg.jpg) repeat-x #e6f0f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404C4C;
}

h1 {
	color: #404c4c;
	font-size: 34px;
}
h2 {
	color: #D44A09;
	font-size: 24px;
}
h3 {
	color: #D44A09;
	font-size: 18px;
}
h4 {
	color: #D44A09;
	font-size: 15px;
}
h5 {
	color: #D44A09;
	font-size: 14px;
}
h6 {
	color: #D44A09;
	font-size: 12px;
}

p {	
	font-size: 12px;
}

a, a.visited {
	color: #D44A09;
	font-size: 12px;
	text-decoration: underline;
}

a:hover {
	color: #404c4c;
	text-decoration:none;
}





#bsibility {
	width: 100%;
	margin:0;
}

.wrapper {
	width:960px;
	margin:0 auto;
}

h2 span{
	display:none;
}

/*__________________________Cabecera__________________________*/
#header {
	margin: 20px 0 0 0;
	height:152px;
}

#logo{
/*	background:url(../img/bsibility_logo.jpg) no-repeat;*/
	width:240px;
	height:85px;
	float:left;
}
#logo h1, #logo h2{
	display:none;
}
#logo a{
	display:block;
}

.contact_module{
	width:200px;
	float:right;
	text-align:center;
		padding-top:10px;
}
.llamanos {
	background:url(../img/bsibility_txt_llamanos.png) no-repeat;
	height:17px;
}
.tel{
	background: url(../img/bsibility_txt_tel.png) no-repeat;
	height:26px;
	margin:5px 0;
}
.contactanos{
	background:url(../img/bsibility_txt_contactanos.png) no-repeat;
	height:18px;
}
.llamanos span, .tel span, .contactanos span{
	display:none;
}

.menu {
	list-style:none;
	margin: 0 auto 0 300px;
	color:#D44A09;
}
.menu li{
	display:inline;
	margin: 0 0 0 10px;
}

/*__________Contacto__________*/
#contacto {
	width:660px;
	height:473px;
	background: url(../img/bsibility_contacto_bg.png) no-repeat;
	color: #cde2e3;
	margin:85px 0 0 317px;
	position:relative;
	z-index:1;
}
#contactoc {
	width:660px;
	height:473px;
	background: url(../img/bsibility_contacto_bg.png) no-repeat;
	color: #cde2e3;
	}
#contacto p{
	float:left;
	font-size:14px;
	color:#cde2e3;
}
#contacto span{
	font-size:24px;
	font-weight:bold;
	display:none;
}
#contacto h2{
	color: #cde2e3;
	background: url(../img/bsibility_contacto_title.png) no-repeat;
	height:30px;
}
#contact_form{
	float:right;
	margin:10px 0 0 0;
}
.contact_label{
	width:100%;
}
.contact_input{
	background:url(../img/bsibility_input_2.png) no-repeat;
	width:243px;
	height:18px;
	border:none;
	padding:10px;
	margin:0 0 0 -4px ;
}
.mensaje_input{
	background: url(../img/bsibility_textarea.png) no-repeat;
	width:242px;
	height:142px;
	border:none;
	padding:10px;
	margin:0 0 0 -4px ;
}
#enviar{
	background:url(../img/bsibility_boton_leer+.png) no-repeat;
	width:66px;
	height:25px;
	text-align:center;
	margin:0 2px 0 0 ;
	border:none;
	font-weight:bold;
	cursor:pointer;
	font-size:13px;
	float:right;
}
#fijo{
	background:url(../img/bsibility_txt_tel_fijo.png) center top no-repeat;
	height:40px;
	margin-top:50px;
}
#movil{
	background:url(../img/bsibility_txt_tel_movil.png) center top no-repeat;
	height:40px;
	margin-top:10px;
}
#skype{
	background: url(../img/bsibility_skype.png) center top no-repeat;
	height:63px;
	margin-top:30px;
}

#cerrar_contacto{
	background:url(../img/bsibility_boton_cerrar.png) no-repeat;
	width:24px;
	height:24px;
	float:right;
}


/*_________________________________________________________________________Contenidos Home__________________________________________________________________________*/

#mednew{
	width:960px;
	margin:0 auto;}
.arte{
	width:460px;
	height:350px;
	background:url(../img/bsibility_illus1.jpg) no-repeat;
	margin:-30px 0 0 -170px;
	float:left;
	z-index:-50;
	position:absolute;
}

/*__________Informe__________*/
#informe{
	background:url(../img/bsibility_informe_bg.jpg) no-repeat;
	width:279px;
	height:174px;
	position:absolute;
	padding:15px 25px 20px 20px;
	margin: 395px 0 0 -10px;
	z-index:0;
	display:none;
}
#informe h2{
	background: url(../img/bsibility_informe_title.png) no-repeat;
	font-size:20px;
	height:29px;
}

#informe p{
	margin:5px;
}

#informe_form{
	margin:10px 10px 0 10px;
}
.informe_input{
	background:url(../img/bsibility_input_1.png) no-repeat;
	width:178px;
	height:26px;
	border:none;
	float:right;
	margin:-5px 0 0 0;
}

#informe .field{
	height:25px;
	text-align:right;
}
.informe_label{
	padding:5px 0 0 0;
}

#tri_1{
	background: url(../img/bsibility_tri_1.png) no-repeat;
	float: right;
	width:27px;
	height:14px;
	margin:5px 5px 0 0;
}
#tri_2{
	background: url(../img/bsibility_tri_2.png) no-repeat;
	float: right;
	width:27px;
	height:14px;
	margin:5px 5px 0 0;
}
#tri_1 a{
	display:block;
}
#copy{
	margin:300px 0 0 180px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#56bec4;
}
.dobleline{
	background:url(../img/bsibility_dobleline_bg.jpg) repeat-x;
	height:2px;
	margin:5px 0;
}
.dobleline_2{
	background:url(../img/bsibility_dobleline2_bg.jpg) repeat-x;
	height:2px;
	margin:5px 0;
}
.dobleline_3{
	background:url(../img/bsibility_dobleline3_bg.jpg) repeat-x;
	height:2px;
	margin:5px 0;
}


/*__________Productos__________*/
#products{
	position:absolute;
	margin:-20px 0 0 325px;
	width:650px;
}
.product{
	width:281px;
	height:215px;
	background:url(../img/bsibility_producto_bg.png) no-repeat;
	float: left;
	padding:0 25px 0 17px;
	display:block;
}
.product a{
	display:block;
}
.product h2{
	color:#FFF;
	font-size:28px;
	line-height:24px;
}
.promo{
	background:url(../img/bsibility_promo_title.png) no-repeat;
	height:44px;
}
.promo_big{
	background:url(../img/bsibility_promo_title_big.png) no-repeat;
	height:87px;
}
.marketing{
	background:url(../img/bsibility_marketing_title.png) no-repeat;
	height:43px;
}
.enlaces{
	background:url(../img/bsibility_enlaces_title.png) no-repeat;
	height:48px;
}
.optiweb{
	background:url(../img/bsibility_optiweb_title.png) no-repeat;
	height:44px;
}
.promo span, .marketing span, .enlaces span, .optiweb span{
	display:none;
}
.product p{
	color:#FFF;
	max-width:260px;
	margin:3px 0 0 0;
}
.product_pie{
	margin:10px 0 0 0;
	color:#682d07;
}
.precio{
	font-size:24px;
	font-weight:bold;
}
.eurosmes{
	font-size:18px;
}
.solicitar_info{
	background:url(../img/bsibility_tri_peq.png) left no-repeat;
	float:right;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
}

#product_1, #product_2, #product_3, #product_4{
	width:285px;
	padding:85px 0 0 10px;
	margin:-15px 0 0 0;
}
#product_1{
	background:url(../img/bsibility_icon_flecha.png) top right no-repeat;
}
#product_2{
	background:url(../img/bsibility_icon_barras.png) top right no-repeat;
}
#product_3{
	background:url(../img/bsibility_icon_globo.png) top right no-repeat;
}
#product_4{
	background:url(../img/bsibility_icon_star.png) top right no-repeat;
}



/*__________Banda central__________*/
#corte{
	background: url(../img/corte_bg.png) repeat-x;
	width:100%;
	height: 350px;
	margin:430px 0 0 0;
	padding: 20px 0 0 0;
	position:relative;
}
.doblez_up{
	background: url(../img/bsibility_doblez_up.jpg) repeat-x #404c4c;
	height:64px;
}
.doblez_down{
	background: url(../img/bsibility_doblez_down.jpg) repeat-x #404c4c;
	height:77px;
	margin:280px 0 0 0;
}



/*__________Noticias en home__________*/
#noticias_en_home{
	width:620px;
	height:225px;
	margin:30px 0 0 0;
	float:left;	
}
#noticias_en_home h2{
	background:url(../img/bsibility_noticiashome_title.png) no-repeat;
	height:29px;
}
.noticia_1 {
	width:300px;
	margin:10px 0 0 0;
	float: left;
}
.noticia_2 {
	width:300px;
	margin:10px 0 0 0;
	float: right;
}
.noticia_1 h4, .noticia_2 h4{
	margin:10px 0 0 0;
}
.noticia_1 h4 a, .noticia_2 h4 a{
	color:#56bec4;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.noticia_1 h4 a:hover, .noticia_2 h4 a:hover{
	text-decoration:underline;
}
.noticia_1 p, .noticia_2 p{
	color:#cde2e3;
	text-align:justify;
	margin:10px 0 0 0;
	font-size:11px;
}
.fecha{
	color:#cde2e3;
	font-size: 11px;
}
.leer_mas{
	background:url(../img/bsibility_boton_leer+.png) no-repeat;
	width:66px;
	height:30px;
	float:right;
	text-align:center;
	margin:0 -5px 0 0;
}
.leer_mas a{
	font-weight:bold;
	color:#404c4c;
	text-decoration:none;
	display:block;
	padding:5px 0;
}




/*__________Testimonios__________*/
#testimonios{
	width:265px;
	height:250px;
	background:url(../img/bsibility_testimonios_bg.png) no-repeat;
	position: absolute;
	margin:0 0 0 620px;
	padding:50px 80px 0 40px;
}
#testimonios_icon{
	background: url(../img/bsibility_testimonios_icon.png) no-repeat;
	width:46px;
	height:48px;
	float:right;
	margin:-20px 0 0;
}
#testimonios h2{
	color:#404c4c;
	background:url(../img/bsibility_testimonios_title.png) no-repeat;
	height:29px;
}
#testimonios h4{
	font-size:16px;
	margin:0 0 10px 0;
}
#testimonios p{
	font-style:italic;
	width:195px;
	float: right;
}
.foto_testimonio{
	background:url(../img/bsibility_testimonios_foto_1.jpg) no-repeat center #FFF;
	width:50px;
	height:50px;
	padding:4px;
	float:left;
}
.boton_next{
	background:url(../img/bsibility_boton_next.png) no-repeat;
	width:32px;
	height:32px;
	float:right;
	margin: 0 0 0 245px;
}



/*__________FAQs__________*/
#faq{
	margin:0 0 40px 0;
}
#faq h2{
	background: url(../img/bsibility_preguntas_title.png) no-repeat;
	height:34px;
}
#preguntas{
}
#preguntas li{
	width:300px;
	height:100px;
	display: inline-block;
	margin: 10px 18px 0 0;
}
#preguntas li:hover{
	background:#d44a09;
	cursor:pointer;
	color:#FFF !important;
}
#preguntas li p:hover{
	color:#FFF !important;
}
#preguntas li a{
	display:block;
	width:100%;
	height:100%;
}

#preguntas h5{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin:0 0 5px 0;
	background:#d44a09;
	display:inline-block;
	padding:3px;
	color:#FFF;
}
#preguntas p{
	color:#65867d;
	padding:3px;
}

.mas{
	text-decoration:none;
	display:block;
	text-align:right;
	font-size:18px;
	font-weight:bold;
	padding:0 5px 5px 0;
	margin:-20px 0 0 0;
}
.mas:hover{
	color:#e6f0f1;
}








/*_________________________________________________________________________Secciones__________________________________________________________________________*/

#cuerpo_seccion{
	margin:-20px 0 40px 330px;
	width:625px;
	min-height:350px;
	text-align:justify;
	color:#65867d;
}

#cuerpo_seccion h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin:25px 0 10px 0;
}

#cuerpo_seccion p, #cuerpo_seccion ul{
	margin:0 0 10px  0;
	line-height:14px;
}
#cuerpo_seccion ul li{
	margin:0 0 5px 20px;
	line-height:16px;
}
#cuerpo_seccion p a{
	color:#65867d;
}


/*__________Quienes somos__________*/

#quienes_somos{
	background:url(../img/bsibility_quienes_title.png) no-repeat;
	height:29px;
}

#porque{
	background: url(../img/bsibility_porque_bg.jpg) no-repeat;
	width:284px;
	height:245px;
	padding:20px;
	float:left;
	margin:330px 0 0 0;
}
#porque h2{
	background:url(../img/bsibility_porque_title.png) no-repeat;
	height:31px;
}
#porque ul{
	margin:10px 0 0 0;
}

#porque ul li{
	list-style-image:url(../img/bsibility_tri_peq.png);
	color: #D44A09;
	margin: 0 0 10px 20px;
	font-size:11px;
}

#nuestros_servicios{
	margin:100px 0 40px 0;
}
#nuestros_servicios h2{
	background: url(../img/bsibility_nuestrosservicios_title.png) no-repeat;
	height:29px;
}

#servicios{
}
#servicios li{
	width:300px;
	height:100px;
	display: block;
	float:left;
	margin: 10px 18px 0 0;
	color: #D44A09;
}
#servicios h5{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	margin:0 0 5px 0;
	background:#cde2e3;
	padding:3px;
	color: #D44A09;
}

/*__________Noticias__________*/
#noticias{
	background:url(../img/bsibility_noticias_title.png) no-repeat;
	height:29px;
}

#noticia_title{
	margin:0px 0 10px 0;
	font-weight:bold;
	color:#56bec4;
}

#noticias_nav{
	margin:40px 0 0 0;
	height:40px;
}

/*__________Preguntas frecuentes__________*/
#preguntas_frecuentes{
	background:url(../img/bsibility_preguntas_title.png) no-repeat;
	height:29px;
}

#dudas{
	background: url(../img/bsibility_enviar_pregunta_bg.jpg) no-repeat;
	width:284px;
	height:373px;
	padding:20px;
	float:left;
	margin:330px 0 0 0;
}
#dudas h2{
	background:url(../img/bsibility_enviar_pregunta_title.png) no-repeat;
	height:52px;
}
#dudas p{
	margin:5px 10px 0 10px;
}

#dudas_form{
	width:243px;
	margin:10px 0 0 12px;
}

.dudas_label{
}

.dudas_input{
	background:url(../img/bsibility_input_3.png) no-repeat;
	width:243px;
	height:18px;
	border:none;
	padding:10px;
	margin:0 0 0 -4px ;
}

.pregunta_input{
	background: url(../img/bsibility_input_4.png) no-repeat;
	width:242px;
	height:142px;
	border:none;
	padding:10px;
	margin:0 0 0 -4px ;
}
#dudas_enviar{
	background:url(../img/bsibility_boton_enviar_2.png) no-repeat;
	width:66px;
	height:25px;
	text-align:center;
	margin:0 7px 0 0 ;
	border:none;
	font-weight:bold;
	cursor:pointer;
	font-size:13px;
	float:right;
	color:#cde2e3;
}

/*__________Condiciones legales__________*/
#condiciones_legales{
	background:url(../img/bsibility_condiciones_title.png) no-repeat;
	height:29px;
}



/*__________Productos__________*/
#promocion{
	margin:-20px 0 40px 330px;
	width:625px;
	height:500px;
	text-align:justify;
	color:#65867d;
	line-height:14px;
}

.promocion_title{
	background:url(../img/bsibility_promo_title_big_2.png) no-repeat;
	height:87px;
}

.marketing_title{
	background:url(../img/bsibility_marketing_title_big_2.png) no-repeat;
	height:87px;
}

.enlaces_title{
	background:url(../img/bsibility_enlaces_title_big_2.png) no-repeat;
	height:87px;
}

.optiweb_title{
	background:url(../img/bsibility_optiweb_title_big_2.png) no-repeat;
	height:87px;
}

.social_title{
	background:url(../img/bsibility_social_title_big_2.png) no-repeat;
	height:97px;
}

.reputacion_title{
	background:url(../img/bsibility_reputacion_title_big_2.png) no-repeat;
	height:87px;
}

.descripcion{
	font-size:24px;
	margin: 0 0 20px 0;
	font-weight:bold;
	text-align:left;
}

.apunte{
	font-size:16px;
	text-align:left;
	font-style:italic;
	color:#682D07;
}

#pie_producto{
	margin:40px 0;
	height:200px;
}
#servicio_garantizao{
	width:160px;
	height:150px;
	background: url(../img/bsibility_servicio_garantizado.png) bottom right no-repeat #D44A09;
	border: 10px #FFF solid;
	padding:10px 30px 10px 10px;
	color:#FFF;
	text-align:left;
	float:right;
}
#servicio_garantizao h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:24px;
	color:#FFF;
	line-height:18px;
}


.precio_seccion{
	font-size:43px;
	font-weight:bold;
}
.eurosmes_seccion{
	font-size:24px;
	font-weight:bold;
	margin:0 0 0 5px;
}

.contratar_seccion{
	background:url(../img/bsibility_tri_peq.png) left no-repeat;
	padding:0 0 0 10px;
	margin:5px 0 0 0;
}
.contratar_seccion a{
	font-size:18px;
}

#adwords{
	width:230px;
	float:right;
}
#adwords p{
	font-size:10px;
	text-align:left;
}

.a_partir{
	margin:0 0 0 5px;
	font-size:14px;
}




/*______________________________________________________________________________Pie______________________________________________________________________________*/
.footer {
	width:100%;
	height: 430px;
	background: url(../img/bsibility_doblez_up.jpg) repeat-x #404c4c;
	left:0px;
	bottom:0px;
	margin:0;
	float:left;
}

#footer_contents{
	padding:50px 0 20px 0;
}
#footer_contents h2{
	background:url(../img/bsibility_title.png) no-repeat;
	height:34px;
}

#links{
	line-height:20px;
	width:300px;
	float:left;
}
#links a{
	color:#65867d;
	font-size:14px;
	text-decoration:none;
}
#links a:hover{
	color:#404c4c;
	background:#65867d;
}
#creditos{
	width:620px;
	float:right;
}
#creditos h6{
	margin:0 0 20px 0;
	text-align:left;
	color:#65867d;
}
#servicios{
}
#certis{
	margin:30px 0 0 0;
}
#miembro{
	width:140px;
	float:left;
	text-align:center;
}

#sellos{
	float:right;
	width:460px;
}
#sellos li, #logos li{
	display: inline-block;
	width:140px;
	text-align:center;
	margin:0 10px 0 0;
}

#pie{
	margin:10px 0 0 0;
	color:#65867d;
	float:left;
	width:100%;
}
.telf{
	float:right;
}



/*_____________________________Holder__________________________________________*/

#logo_holder {
	background:url(../img/bsibility_logo.jpg) no-repeat;
	width:240px;
	height:85px;
	margin:100px auto 0 auto;
}

#holder{
	width: 230px;
	margin:20px auto 0 auto;
	text-align:center;
	font-size:14px;
	color:#D44A09;
	line-height: 18px;
}