/*
Author: Enrique Martínez Marín
Email: creacioneskeok@gmail.com
Website: estudisbarbera.es
*/


@charset "utf-8";


body {
	 margin:0; padding:0; width:100%; 
   background: rgba(255,255,255,1);
	 /* Old Browsers */background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(122,175,240,1) 100%);
	 /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(31%, rgba(255,255,255,1)), color-stop(100%, rgba(122,175,240,1)));
	 /* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(122,175,240,1) 100%);
	 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(122,175,240,1) 100%);
	 /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(122,175,240,1) 100%);
	 /* IE 10+ */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(122,175,240,1) 100%);
	 /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7aaff0', GradientType=0 );
	 /* IE6-9 */
}

html { padding:0; margin:0;}
.p_justificado { margin:0; padding:5px 10px;  width:600px; font:normal 13px Arial, Helvetica, sans-serif; color:#555555; line-height:1.8em; text-align:justify;}
.p_justificado2 { margin:0; padding:5px 10px;  width:330px; font:normal 13px Arial, Helvetica, sans-serif; color:#555555; line-height:1.8em; text-align:justify;}
.p_justificado3 { text-align:justify;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}


/* main */
.main { padding:0; margin:0 auto;}

.derecha { float:right;}

/********** Cabecera **********/
.blok_header { margin:0; padding:0;  border:0;}
.header { width:960px; margin:0 auto; padding:0;}

/* logo */
.logo { padding:0; margin:0; width:271px; float:left;}

/* menu */	
.menu { float:right; padding:90px 0 0 0; margin:0; width:630px; border:none;}
.menu ul {   padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:right; margin:0; padding:0 5px; border:0; }
.menu ul li a { display:block; margin:0; padding:10px 0; color:#646464; font:bold 15px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:10px; background:none;}
.menu ul li a:hover {  background: url(images/r_menu.gif) right no-repeat;}
.menu ul li a:hover span {  background:url(images/l_menu.png) left no-repeat;}
.menu ul li a.active { background:url(images/r_menu.gif) right no-repeat;}
.menu ul li a.active span {  background:url(images/l_menu.png) left no-repeat;}


/*header_text_bg*/
.header_text_bg { margin:0; padding:0; }
.header_text_bg2 { margin:0; padding:0; }

/*header_text*/
.header_text { margin:0 auto; padding:0 0 30px 0; width:978px; border:1px solid #e3e3e3; background:#fafafa;}
.header_text .div { width:954px; padding:0; background:url(images/simple_bg.gif) top no-repeat; margin:0 auto;}
.header_text img.screen { float:right; margin:23px 42px 0 0; padding:0;}
.header_text .div .left1 { float:left; width:350px; padding:30px 0 0 80px; margin:0;}
.header_text .div .left1 img { float:left; margin:20px 8px 0 0; padding:0;}
.header_text .div .left1 h2 { font:bold 30px Arial, Helvetica, sans-serif; color:#515151; padding:5px 0; margin:0 0 5px 0;}
.header_text .div .left1 p { font: normal 12px Arial, Helvetica, sans-serif; color:#898989; padding:10px 0; margin:0;}
.header_text .div .center { width:875px; padding:10px 0 20px 0; margin:0 auto;}
.header_text .div .center h3 { font:  bold 14px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; padding:30px 0 0 0; margin:0; text-align:center;}
.header_text .div .center h3 span { font: normal 12px Arial, Helvetica, sans-serif; color:#b2e4ff;}
.sub_top { margin:23px auto 10px auto; padding:0; background: url(images/sub_top_bg.gif) top no-repeat; width:954px; height:198px;}
.sub_top p { font: italic 12px Arial, Helvetica, sans-serif; color:#959595; padding:63px 50px 0 0; margin:0; width:400px; float:right; text-align:left;}
.sub_top h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#515151; padding:54px 0 0 70px; margin:0; width:300px; float:left;}
.sub_top .center h3 { font:  bold 14px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; padding:150px 0 0 0; margin:0; text-align:center;}
.sub_top .center h3 span { font: normal 12px Arial, Helvetica, sans-serif; color:#b2e4ff;}

/* block_top */ 
.block_top_resize { width:954px; margin:0 auto; padding:0;}
.block_bg { width:298px; float:left; padding:0; margin:10px !important; margin:10px 10px 10px 5px; background:url(images/bg_small_side.gif) top repeat-y;}
.block_bg2 { width:450px; float:left; padding:0; margin:10px !important; margin:10px 10px 10px 5px; background:url(images/bg_small_side2.gif) top repeat-y;}
.block_bg3 { width:600px; float:left; padding:0; margin:10px !important; margin:10px 10px 10px 5px; background:url(images/bg_small_side3.gif) top repeat-y; border-right: 1px solid #DCDDDF; border-top: 1px solid #DCDDDF; }
.block_bg3 h2 { font: bold 19px Arial, Helvetica, sans-serif; color:#3b9ccf; padding:25px 0 20px 0px; margin:0; text-align:center;}
.block_bg3 p { font: 14px Arial, Helvetica, sans-serif; color:#9C9D9D; padding:5px 5px 5px 30px; margin:0; }
.block_bg3 p a { font: 14px Arial, Helvetica, sans-serif; color:#3b9ccf; text-decoration:none;}
.block_bg3 hr .azul {color: #123455;}
.block_bg4 { width:950px; float:left; padding:0px; margin:10px !important; margin:10px 10px 10px 15px; background:url(images/bg_small_side3.gif) top repeat-y repeat-x; border-right: 1px solid #DCDDDF; border: 1px solid #DCDDDF; font: bold 11px Arial, Helvetica, sans-serif; }
.block_bg4 h2 { font: bold 11px Arial, Helvetica, sans-serif; color:#3b9ccf; padding:25px 0 20px 0px; margin:0; text-align:center;}
.block_bg4 p { font: 11px Arial, Helvetica, sans-serif; color:#9C9D9D; padding:5px 5px 5px 30px; margin:0; }
.block_bg4 p a { font: 11px Arial, Helvetica, sans-serif; color:#3b9ccf; text-decoration:none;}
.block_bg4 hr .azul {color: #123455;}

.block_bg4 ul { list-style:none; margin:0 20px; padding:0px px; font: bold 12px Arial, Helvetica, sans-serif; color:#2862D5;}
.block_bg4 li { list-style:circle inside;   padding:0 25px; margin:0;  font: 12px Arial, Helvetica, sans-serif; color:#6997F3; line-height:1.8em;}

.block_bg4 li a {font: 12px Arial, Helvetica, sans-serif; color:#6997F3; line-height:1.8em;}

.block_bottom { background:url(images/bottom_img.gif) bottom no-repeat;}
.block_bottom ul { list-style:none; margin:0 20px; padding:0px px; font: bold 12px Arial, Helvetica, sans-serif; color:#2862D5;}
.block_bottom li.qa { list-style:circle inside;   padding:0 25px; margin:0;  font: 12px Arial, Helvetica, sans-serif; color:#6997F3; line-height:1.8em;}
.block_bottom li.qb { list-style:disc; margin:0 20px; padding:0px px; font: bold 14px Arial, Helvetica, sans-serif; color:#6997F3;}
.block_bottom li a {font: 12px Arial, Helvetica, sans-serif; color:#6997F3; line-height:1.8em;}

.block_bottom2 { background:url(images/bottom_img2.gif) bottom no-repeat;}
.block_bottom3 { background:url(images/bottom_img3.gif) bottom no-repeat;}
.block_top { background:url(images/h2_bg.gif) top no-repeat;}
.block_top h2 { width:208px; height:41px; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; padding:25px 0 0 90px; margin:0; text-align:center;}
.block_top2 h2 { width:450px; height:41px; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; padding:25px 0 0 90px; margin:0;}
.block_top3 h2 { width:600px; height:81px; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0 0 9px; margin:0;}
.block_top h2.h2_live { background:URL(images/h2_Live.png) 20px 0px no-repeat;}
.block_top ul { list-style:none; margin:0 20px; padding:0px px; }
.block_top li.qa { background:url(images/ul_li2.png) left no-repeat; padding:0 25px; margin:0;  font: 12px Arial, Helvetica, sans-serif; color:#808080; line-height:1.8em;}
.block_top li a { color:#808080; }


.block_top h2.h2_live2 { background:URL(images/motor.png) 20px 0px no-repeat;}
.block_top h2.h2_based { background:URL(images/toldo.png) 20px 0px no-repeat;}
.block_top h2.h2_based2 { background:URL(images/cerramientos.png) 20px 0px no-repeat;}
.block_top h2.h2_edit { background:URL(images/cerramiento.png) 20px 0px no-repeat;}
.block_top h2.h2_edit2 { background:URL(images/accesorios.png) 20px 0px no-repeat; }
.block_top h2.h2_SEo { background:URL(images/h2_SEo.gif) 20px 0px no-repeat;}
.block_top h2.h2_sustem { background:URL(images/h2_sustem.gif) 20px 0px no-repeat;}
.block_top h2.h2_support { background:URL(images/h2_support.gif) 20px 0px no-repeat;}
.block_top p { font: normal 12px Arial, Helvetica, sans-serif; color:#808080; padding:10px 25px 5px 25px; margin:0; line-height:1.8em;}
.block_top a { font: bold 12px Arial, Helvetica, sans-serif; color:#3b9ccf; text-decoration:none;} /*AZUL*/
.block_top a.blanco { font: bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;} /*BLANCO TITULO MENUS CON FONDO AZUL*/


/********** body **********/
.body_resize { margin:0; padding:20px 0 0 0;}
.body { width:960px;  margin:0 auto; padding:10px 10px;}
.body h2 {  font: bold 18px Arial, Helvetica, sans-serif; color:#2a2a2a; margin:0;  padding:10px 5px;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h3 {  font: bold 18px Arial, Helvetica, sans-serif; color:#282828; margin:0;  padding:10px 5px;}
.body img { padding:0; margin:10px 10px 10px 5px;}
.body img.port { float:left; padding:0; margin:5px 3px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#808080; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#e34a00; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body p.data { width:130px; text-align:center; color:#808080; background: url(images/bg_data.gif) top no-repeat; padding:7px 3px; margin:0; font: bold 12px Arial, Helvetica, sans-serif;}
.body a { text-decoration:none; color:#3b9ccf; font:bold 12px Arial, Helvetica, sans-serif;}
.body_small { 
	width:310px; float:right; margin:0; padding:5px 5px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.body_big2 { 
	width:622px; float:left; margin:0; padding:5px 5px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(77%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.body_big { 
	width:622px; float:left; margin:0; padding:5px 5px;
	background: rgba(255,255,255,255);
}

.body .block2 { width:260px; margin:5px; padding:0; float:left;}
.body .block2 h2 {  font: bold  14px Arial, Helvetica, sans-serif; color:#2d2d2d; margin:0;  padding:10px 5px 10px 90px;}
.body_big ul { list-style:none; margin:0 20px; padding:10px 5px; float:left;}
.body_big li { background:url(images/ul_li2.png) left no-repeat; padding:0 25px; margin:0;  font:bold 12px Arial, Helvetica, sans-serif; color:#808080; line-height:1.8em;}
.body_center { width:800px; margin:10px auto; padding:0;}


/* Navigation */	
ul.Navigation { padding:0; margin:0; list-style:none; border:0;}
ul.Navigation li { height:23px; margin:8px 0; padding:3px 0; border:0; line-height:0px; background: url(images/nav_ul_li_a.gif) center no-repeat;}
ul.Navigation li a { background:url(images/ul_li_nav.gif) 10px center no-repeat; border:1px solid #f4f4f4; display:block; padding:5px 25px;   color:#747474; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.6em;}
ul.Navigation li a:hover { background: #f4f4f4 url(images/ul_li_nav_active.gif) 10px center no-repeat; color:#00a3e5; font: bold 12px Arial, Helvetica, sans-serif;  padding:5px 25px;  margin:0;}
ul.Navigation li a.active { background: #f4f4f4 url(images/ul_li_nav_active.gif) 10px center no-repeat;  padding:5px 25px;  margin:0; color:#00a3e5; font: bold 12px Arial, Helvetica, sans-serif;}


/*************footer**********/
.footer_resize { width:980px; margin:2px auto; padding:10px 0; background:#548cd1; border: 0px solid #fff;}
.footer {padding:0px;  margin:0px;}
#footer img.redes {  margin:5x 5px; padding:0px; display: block;    margin-left: auto;    margin-right: auto;}
.footer img { float:right; margin:5x 5px; padding:0px 0px 0px 5px; display: block;    margin-left: auto;    margin-right: auto;}
.footer img.a2 { float:left; margin:15x 15px; padding:10px; display: block;   }
.footer p {font:normal 14px  Arial, Helvetica, sans-serif; color:#FFF; padding:5px; margin:10px;}
.footer p.contactar {font:normal 24px  Arial, Helvetica, sans-serif; color:#FFF; padding:5px; margin:10px;}
.footer .col1 { width:240px; float:left; margin:0px; padding:0px 0; background:url(images/f_line.gif) repeat-y right;}
.footer .col2 { width:400px; float:left; margin:0px; padding:0px 0;  background:url(images/f_line.gif) repeat-y right;}
.footer .col3 { width:305px; float:left; margin:0px; padding:0px 0; }
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; padding:5px; margin:0;}
.footer span { padding:0px 0 0 0; margin:0;}
.footer p.center { text-align:center; margin:10px; padding:10px 0; } 
.footer p.leftt { text-align:left; width:550px; margin:10px ; padding:10px 0; float:left;}
.footer h2 { font: normal 22px Arial, Helvetica, sans-serif; color:#000; padding:10px 0; margin:0 20px 0 20px;}

.footer ul { padding:0; margin:0; list-style:none;  columns: 2;  -webkit-columns: 2;  -moz-columns: 2; }
.footer li { padding:5px 0; margin:0; }
.footer li a { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0 5px 0; margin:50px;text-decoration:none;}
.footer li a:hover { text-decoration:underline;}






/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:20px 0; background:#eeeeee; border:1px solid #e0e0e0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#3b9ccf;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 420px; border:0; color:#FFF;}
p.response { text-align:center; color:#3b9ccf; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.responseError { text-align:center; color:#e9281d; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dfdfdf; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}


/* Slider */
#slider { width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float:left; width:100%; height:330px;}
.slider-item { width:100% !important; height:330px;}
.slider_content_inner img { border:none;}
.controls-center { width:960px; margin:0 auto;}
#slider_controls { position:relative; background:url('images/tabs_bg.gif') center no-repeat; margin:-9px auto 5px auto; z-index:1000; width:126px; height:24px;}
#slider_controls ul { margin:0; padding:0 3px; width:120px; list-style:none; display:block;}
#slider_controls ul li { width:16px; height:16px; float:left; display:block; padding:0 2px; margin:-5px 0 0 0 !important; margin:4px 0 0 0;}
#slider_controls ul li a { width:16px; height:16px; background:url('images/tabs_1.gif') no-repeat center center; display:block; padding:0; margin:0; outline:none;}
#slider_controls ul li a:focus { outline:none;}
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_2.gif') no-repeat center center;}


/*Botón azul*/
.btnAzul {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 21;
  -moz-border-radius: 21;
  border-radius: 21px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 17px 9px 16px;
  border: solid #1f628d 2px;
  text-decoration: none;
  text-align:center;
}

.btnAzul:hover {
  background: #74bfed;
  background-image: -webkit-linear-gradient(top, #74bfed, #3498db);
  background-image: -moz-linear-gradient(top, #74bfed, #3498db);
  background-image: -ms-linear-gradient(top, #74bfed, #3498db);
  background-image: -o-linear-gradient(top, #74bfed, #3498db);
  background-image: linear-gradient(to bottom, #74bfed, #3498db);
  text-decoration: none;
   
}

.btnAzul a { 
  font-family: Georgia;
  color: #ffffff;
  font-size: 20px;  
}

/*fin boton azul*/

hr .azul {
  color: #123455;
}





/*Cookies*/


#cajacookies {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: #1234559e;
  color: white;
  padding: 3px;
  
  margin-right: -15px;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  width: 50%;
  text-align:center;
  font: normal 12px Arial, Helvetica, sans-serif; 
  
}

#cajacookies button {
  color: black;
}