body,html
	{
		font-size:11pt;
		font-weight:normal;
		font-family:arial,verdana;
		margin:0;
		padding:0;
		width:100%;
		background-color:#fff;
		color:#333;
		position:relative;
		float:left;

	}

/* ///////////////////////////////// COOCKIES ////////////////////////////////////////////////// */
#barracookies {
display: none;
z-index: 99999;
position:fixed;
left:0px;
right:0px;
top:0px
;width:100%;
min-height:40px;
padding:5px;
background: rgba(0,0,0,0.6);
color:#fff;
line-height:20px;
text-align:center;
box-sizing:border-box;
} 
#barracookies a:nth-child(2) {
/*padding:4px;
background:#4682B4;
border-radius:5px;*/
text-decoration:none;
} 
#barracookies a {color: #fff;text-decoration: none;}
/*/ ///////////////////////////////////////////////////////////////// */

.clear{clear:both;}
.negrita{
 font-weight:bold;
}
.fuente_grande{
 font-size:1.5em;
}
.texto_centrado{
 text-align:center;
}
@media screen and (min-width: 750px) {
#exterior_menu{
 display:none !important;
}
}
/*Boton de contactar*/
.boton1
{/*background-color:#8C8C8C;*/ background-color:#888;font-weight:bold;border:0px;height:22px;padding:0 10px; color:#fff;}
.boton1:hover
{/*background-color:#931a0a;*/ background-color:#333; font-weight:bold;border:0px;height:22px;padding:0 10px; color:#fff !important;}
.boton1:active
{/*background-color:#931a0a;*/background-color:#333;font-weight:bold;border:0px;height:22px;padding:0 10px; color:#fff;}

.fuente_gris_10	{font-family:arial,verdana;font-size:10pt;font-weight:normal;color:#9D9D9D; text-decoration:none; color:#000;}
.fuente_10	{font-family:arial,verdana;font-size:10pt;font-weight:normal; text-decoration:none; color:#000;}


/* ///////////////////////////////////////////////////////// MENSAJE FLOTANTE ///////////////////////////////////////// */

#fondo_negro
	{
		display:none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:115;
		-moz-opacity: 0.6;
		opacity:.60;
		filter: alpha(opacity=60);
		background-repeat:repeat-x;
	}
#mensaje_flotante
	{
		position:absolute;
		width:450px;
		min-height:200px;
		left:50%;
		top:175px;
		margin-left:-225px;
		/*margin-top:-100px;*/
		z-index:11;
		background-color:#ffffff;
		border:3px solid #888;
		z-index:312;
		
	}
	
#mensaje_flotante .linea_roja{
 position:relative;
 float:left;
 width:100%;
 height:50px;
 background-color:#888;
 margin-bottom:20px;

}

#mensaje_flotante .mensaje_int{
	position:relative;
	float:left;
	width:100%;
}
#mensaje_flotante .mensaje_int .cerrar_mensaje{
	position:absolute;
	top:1px;
	right:-4px;
	width:36px;
	height:30px;
	overflow:hidden;
	z-index:9999;

}
#mensaje_flotante .mensaje_int #mensaje{
	position:relative;
	float:left;
	width:90%;
	padding:5%;
	background-color:#fff;
}
#mensaje_flotante .mensaje_int #mensaje p{
 font-size:1.2em;
 text-align:center;
 padding-top:20px;
}

/* ///////////////////////////////////////////// CABECERA Y MENU ////////////////////////////////// */

.menu{
 position:relative;
 float:left;
 width:100%;
  z-index:999;
  background-color:#fff;
}
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	/*max-width:1000px;*/
	left:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
	background-color:#fff;

}
.menu .menu_int,
.menu-fixed .menu_int{
 position:relative;
 float:left;
 width:1100px;
 left:50%;
 margin-left:-550px;
}
.menu .logo,
.menu-fixed .logo{
 position:relative;
 float:left;
 width:33%;
box-sizing:border-box;
margin:10px 2% 10px 0;
text-align:center;
}
.menu .logo img{
 width:100%;
 max-width:450px;
}
.menu-fixed .logo img{
 width:100%;
 max-width:220px;
}
.menu .menu_int ul.barra_menu,
.menu-fixed .menu_int ul.barra_menu{
 float:left;
 position:relative;
 width:65%;
 list-style:none;
 margin:0;
 padding:0;
 text-align:center;
}
.menu .menu_int ul.barra_menu li{
 float:left;
 margin:50px 16px 0;
}
.menu-fixed .menu_int ul.barra_menu li{
 float:left;
 margin:30px 16px 0;
}

.menu .menu_int ul.barra_menu li a,
.menu-fixed .menu_int ul.barra_menu li a{
 text-decoration:none;
 color:#333;
 position:relative;
 float:left;
 width:100%;
 font-size:1em;
 font-weight:bold;
}
.menu .menu_int ul.barra_menu li a.seleccionado:after,
.menu-fixed .menu_int ul.barra_menu li a.seleccionado:after{
 content:'';
 position:relative;
 float:left;
 width:100%;
 height:3px;
 background-color:#920304;
 margin-top:3px;
}

.menu .menu_int ul.barra_menu li:hover a:after,
.menu-fixed .menu_int ul.barra_menu li:hover a:after{
 content:'';
 position:relative;
 float:left;
 width:100%;
 height:3px;
 background-color:#920304;
 margin-top:3px;
}
 .menu  .sello_24_horas{
 position:absolute;
 width:14%;
 bottom:-60px;
 right:0;
}
.menu-fixed  .sello_24_horas{
 display:none;
}
.sello_24_horas img{
 width:100%;
 max-width:200px;
}
/* //////////////////////////////////////////////// */
.cabecera{
 position:relative;
 float:left;
 width:100%;
 height:500px;
 background-position:50% top;
 background-size:cover;
 overflow:hidden;
 z-index:1;
 background-color:#fff;
 border-top:2px solid #920404;
 border-bottom:2px solid #920404;
}
.cabecera .slider1{
/* background-image:url('/graf/slider/slider_1.jpg');*/
 position:absolute;
 top:0;
 width:100%;
 height:377px;
 background-position:50% 50%;
 background-size:cover;
 background-repeat:no-repeat;
}


.cabecera_otros{
 position:absolute;
 top:0;
 width:100%;
 height:100px;
 background-position:50% top;
 background-size:cover;
}
/* ////////////////////////////////////////////// CONTENIDO ////////////////////////////////////// */
.main{
 position:relative;
 float:left;
 width:100%;
 z-index:5;
 background-color:#fff;
 background-image:url('/graf/fondo/fondo-curva-index.png');
 background-size:2560px auto;
 background-position:50% 100%;
 background-repeat:no-repeat;
}
.main .contenido{
 position:relative;
 float:left;
 width:1100px;
 left:50%;
 margin-left:-550px;
}
.main .bloque_interior{
 position:relative;
 float:left;
 width:100%;
 text-align:justify;
 margin:50px 0;
}
.main .bloque_interior a{
 text-decoration:none;
 color:#fff;
 font-weight:bold;
}
.main .contenido .titulo{
 position:relative;
 float:left;
 width:100%;
 margin:50px 0;
 text-align:center;
 /*border-bottom:1px solid #fff;*/
}
.main .contenido .titulo h1{
 margin-bottom:0;
}
.main .contenido .texto{
 position:relative;
 float:left;
 width:80%;
 left:50%;
 margin-left:-40%;
}
.main .contenido .texto p{
 text-align:justify;
}
.copy{
 position:relative;
 float:left;
 width:100%; 
}
.copy .copy_int{
	 position:absolute;
 bottom:10px;
 width:1100px;
 left:50%;
 margin-left:-550px;
}
.copy .copy_int img#logo_centro{
 width:200px;
 left:50%;
 position:relative;
 float:left;
 margin-left:-100px;
}
.copy .copy_int .copy_item{
 position:relative;
 float:left;
 width:33.3%;
 padding:0% 2%;
 box-sizing:border-box;
 color:#333;
}
.copy .copy_int .texto_copy{
 position:relative;
 float:left;
 width:100%;

 font-size:0.8em;
 color:#333;
 text-align:center;
}
.copy .copy_int .texto_copy p{
 margin:0;
}
.copy .copy_int .texto_copy a{
 text-decoration:none;
 color:#333;
}
.copy .copy_int a[href^="tel:"]{
 text-decoration:none;
 color:#333;
 font-weight:bold;
 font-size:1.2em;
}
.copy .copy_inta[href^="mailto:"]{
 text-decoration:none;
 color:#333;
 font-weight:bold;
}
.copy .copy_int a{
 text-decoration:none;
 color:#333;
}

h2,h3{
 color:#373535;

}
/* ////////////////////////////////////// INDEX /////////////////////////////////// */
.slogan_1{
text-align:center;
margin-top:50px;
font-size:2em;
}
.main .contenido .tratamientos_index{
 position:relative;
 float:left;
 width:20%;
 box-sizing:border-box;
 padding:0 2%;
 text-align:center;
 margin:50px 0;
 transition:all 1s;
 -ms-transition:all 1s;
 -moz-transition:all 1s;
 -o-transition:all 1s;
 -webkit-transition:all 1s;
}
.main .contenido .tratamientos_index:hover{
 transform:scale(1.1,1.1);
 -ms-transform:scale(1.1,1.1);
 -webkit-transform:scale(1.1,1.1);
 -o-transform:scale(1.1,1.1);
 -moz-transform:scale(1.1,1.1);
}
.main .contenido .tratamientos_index:hover a{
 color:#930302 !important;
}
.main .contenido .tratamientos_index h2 a{
 text-align:center;
 text-decoration:none;
  color:#373535;
}
.main .contenido .tratamientos_index img{
 width:70%;
 max-width:200px;
}
.main .contenido  .video{
 position:relative;
 float:left;
 width:100%;
 text-align:center;
 margin-bottom:50px;
 font-size:1.2em;
}
.main .contenido  .video h2{
 font-size:1.7em;
}
.main .contenido .letras_rojas_index{
 position:relative;
 float:left;
 width:100%;
 text-align:center;
 margin-bottom:50px;
 color:#A70009;
 font-size:2em;
 font-weight:bold;
}
.bloque_imagen_index{
background-image:url('/graf/fondo/tuberia-atascada.jpg');
background-size:2560px auto;
background-position:50% 50%;
height:235px;
background-repeat:no-repeat;
}
.bloque_rojo_index{
 background-color:#D50A00;
 color:#fff;
 font-size:1.2em;
 padding:2% 5%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 text-align:center;
 
}
.bloque_rojo_index a{
 text-decoration:none;
 color:#fff;
 font-size:1.3em;
 font-weight:bold;
}
.bloque_rojo_index p{
 line-height:40px;
 margin-bottom:0;
}
.linea_azul{
 position:relative;
 float:left;
 width:100%;
 height:15px;
 background-color:#373535;
 z-index:5;

}
.bloque_negro_index{
 background-color:#1C080A;
 color:#fff;
  text-align:center;
  font-size:1.2em;
}
.bloque_negro_index a[href^="tel"]{
 color: #fff;
    text-decoration: none;
font-size:1.8em;
}
.bloque_negro_index a{
 color: #fff;
    text-decoration: none;
}
.main .contenido .nosotros_index{
 position:relative;
 float:left;
 width:60%;
 background-color:rgba(255,255,255,0.6);
 margin-top:50px;
 margin-bottom:50px;
 left:50%;
 margin-left:-30%;
 padding:2% 8%;
 box-sizing:border-box;
 
}
.main .contenido .nosotros_index h1 a{
 margin-bottom:0;
 text-align:center;
 text-decoration:none;
 color:#000;
}
.main .contenido .nosotros_index p{
 text-align:justify;
}
.main .contenido .slogan_index{
 position:relative;
 float:left;
 width:100%;
 margin:50px 0;
 text-align:center;
 font-weight:normal;
}
.main .contenido .slogan_index h2{
 color:#fff;
 font-size:2em;
 font-weight:normal;
}
.main .contenido .contacto_index{
 position:relative;
 float:left;
 width:100%;
 margin:10px 0;
 text-align:center;
 font-weight:normal;
 font-size:1.5em;
}
.main .contenido .contacto_index a[href^="tel"]{
text-decoration:none;
 color:#fff;
}
.main .contenido .contacto_index a[href^="mailto"]{
text-decoration:none;
 color:#fff;
}
.ultimo{
 margin-bottom:600px;
}
.footer_index{
 background-image:url('/graf/fondo/agua-limpia.jpg');
 background-size:cover;
 background-position:50% 50%;
 position:fixed;
 bottom:0;
 z-index:0;
 height:600px;
 width:100%;
 overflow:hidden;
 }
 
 .footer_index .footer_index_int{
  position:absolute;
  bottom:120px;
  width:1100px;
  left:50%;
  margin-left:-550px;
  margin-top:30px;
  margin-bottom:30px;
 }
 .footer_index .footer_index_int  .titulo_comentarios_index{
  position:relative;
  float:left;
  width:100%;
  text-align:center;
  color:#fff;
  text-shadow:-2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
  font-size:1.2em;
 }
 .footer_index .footer_index_int  .titulo_comentarios_index h2{
  color:#fff;
 }
 .footer_index .footer_index_int .comentario_item{
  position:relative;
  float:left;
  width:31.3%;
  box-sizing:border-box;
  background-color:rgba(255,255,255,0.6);
  padding:2%;
  text-align:justify;
  margin:0 1%;
  border:2px solid #000;
 }
  .footer_index .footer_index_int .comentario_item p.texto_com_index{
   height:75px;
   overflow:hidden;
  }
 .footer_index .footer_index_int .ver_comentarios{
  position:relative;
  float:left;
  width:100%;
  text-align:center;
  margin:50px 0;
 }
 .footer_index .footer_index_int .ver_comentarios a{
  border:2px solid #fff;
  color:#fff;
  font-size:1.5em;
  padding:8px 16px;
  text-decoration:none;
 }
  .footer_index .footer_index_int .ver_comentarios a:hover{
   background-color:#fff;
   color:#000;
   border:2px solid #000;
  }
 #copy_index{
  position:absolute;
  bottom:0;
  width:100%;
  height:0;
  overflow:hidden;
  text-align:center;
  transition:height 0.8s;
  -webkit-transition:height 0.8s;
  -moz-transition:height 0.8s;
  -o-transition:height 0.8s;
 }
 .copy_in{
  position:absolute;
  bottom:0;
  padding-top:10px;
  width:100%;
  background-color:#A5A3A4;
 }
  .copy_in a{
   text-decoration:none;
   color:#333;
  }
  .logo_copy{
  position:absolute;
 width:175px;
 bottom:0;
 left:20%;
  }
  .logo_copy img{
   width:100%;
  }
 /* /////////////////////////////////////////////////////// LINKS /////////////////////////////////////////// */
 
 .cabecera_no_index{
 position:relative;
 float:left;
 width:100%;
 height:300px;
 overflow:hidden;
 background-size:2560px auto;
 background-position:50% 50%;
 border-top:2px solid #920202;
 border-bottom:2px solid #920202;
 
 }
 .copy_no_index{
  position:relative;
  float:left;
  width:100%;
  text-align:center;
  height:180px;
 }
 .copy_no_index a {
  text-decoration:none;
 }
 .texto_dos_columnas{
  column-count:2;
  -moz-column-count:2;
  -webkit-column-count:2;
  column-gap:40px;
  -moz-column-gap:40px;
  -webkit-column-gap:40px;
 }
 .texto_peque{
  position:relative;
  float:left;
  width:60%;
  left:50%;
  margin-left:-30%;
  text-align:justify;
  margin-bottom:20px;
 }
  .texto_peque a{
   text-decoration:none;
   color:#920404;
  }
 .texto_centrado{
  text-align:center;
  }
 .sin_margin_superior{
  margin-top:0;
 }
  .texto_peque  a[href^="tel"]{
   text-decoration:none;
   color:#920403;
   font-size:1.8em;
  }
 .texto_peque  a[href^="mailto"]{
  text-decoration:none;
  color:#000;
  font-size:1.5em;
 }
 .icono_servicios{
  width:19%;
  padding:2%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  transition:all 1s;
  -ms-transition:all 1s;
  -moz-transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
 }
 .icono_servicios:hover{
  transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
 }
 .flota_item{
  position:relative;
  float:left;
  width:30%;
  margin:0 1.65% 50px;
  border:2px solid #910402;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  line-height:0;
 }
  .flota_item img{
  width:100%;
  }
 .flota_item .nombre_flota{
  position:absolute;
  width:60%;
  text-align:center;
  background-color:rgba(255,255,255,0.8);
  bottom:15%;
  right:0;
  font-size:1.5em;
  line-height:1;
 }
 #cabecera_quienes{
  background-image:url('/graf/cabecera/desatascos-mayestic-quienes.jpg');
 }
 #cabecera_servicios{
  background-image:url('/graf/cabecera/desatascos-mayestic-servicios.jpg');
 }
 #cabecera_galeria{
  background-image:url('/graf/cabecera/desatascos-mayestic-galeria.jpg');
 }
 #cabecera_contacto{
  background-image:url('/graf/cabecera/desatascos-mayestic-contacto.jpg');
 }
 
 /* ///////////////////// CONTACTO ///////////////// */
 .formulario_contacto{
 position:relative;
 float:left;
 width:394px;
 left:50%;
 margin-left:-197px;
}
.formulario_contacto a{
 text-decoration:none;
 color:#000;
}
#main #bloque_central_index #texto .contacto_izquierda{
	position:relative;
	float:left;
	width:40%;
	padding:3%;
	margin: 50px 2% 100px 0;
	
}
#main #bloque_central_index #texto .contacto_derecha{
	position:relative;
	float:right;
	width:40%;
	padding:3%;
	margin: 50px 2% 100px 0;

}
.formulario_contacto .caja_nombre{
 position:relative;
 float:left;
 width:48%;
 margin-right:2%;
 margin-bottom:10px;
}
.formulario_contacto .caja_telefono{
 position:relative;
 float:left;
 width:48%;
 margin-left:2%;
 margin-bottom:10px;
}

.formulario_contacto .caja_email,
.formulario_contacto .caja_consulta,
.formulario_contacto .caja_enviar{
 position:relative;
 float:left;
 width:100%;
 margin-bottom:10px;
}

.formulario_contacto .caja_nombre input,
.formulario_contacto .caja_telefono input,
.formulario_contacto .caja_email input,
.formulario_contacto .caja_consulta textarea {
 width:100%;
}
.mesaje_error_form{
 position:relative;
 float:left;
 width:100%;
 color:red;
}
 
 /* ///////////////////////////////////////////////////// VER COMENTARIOS /////////////////////////////////////// */
 #nuevo{
	position:relative; 
	float:left; 
	width:100%
 }
 
 #nuevo #formulario_escribir{
 background-color: #920304;
 color:#fff;
 width:50%; 
 margin-left:-25%;
 left:50%; 
 position:relative;
 float:left; 
 text-align:center;
 padding-bottom:20px;
 }
 #nuevo #formulario_escribir #formulario{
  position:relative; 
  float:left;
  width:100%; 
  opacity:1; 
  z-index:9999;
 }
 #nuevo #formulario_escribir #formulario #botones_form{
	width:80%;
	padding:0 10%; 
	position:relative; 
	float:left;
 }
 #nuevo #formulario_escribir #formulario #botones_form textarea{
 width:100%; 
 margin-top:11px;
 }
 #nuevo #formulario_escribir #formulario #botones_form{
 width:80%;
 padding:0 10%; 
 position:relative; 
 float:left;
 }
  #nuevo #formulario_escribir #formulario #botones_form #btn2{
  position:relative; 
  float:right; 
  width:30%;
  text-align:right;
  }
  #contenido_comentarios{
  width:80%; 
  position:relative; 
  float:left; 
  margin-top:50px; 
  left:50%; 
  margin-left:-40%;
  margin-bottom:80px;
  }
   #contenido_comentarios .fila_cat{
   position:relative; 
   float:left; 
   width:100%; 
   margin-bottom:10px; 
   border-bottom:1px solid #dcdcdc;
   }
   #div_selector_paginacion{
   position:relative;
   float:left; 
   width:100%; 
   margin-top:5%; 
   background-color:transparent;
   }
   #paginacion_parte_izquierda{
   float: left; 
   width: 30%;
   }
  #paginacion_parte_centro{
  float: left;  
  text-align: center; 
  width: 35%;
  color:#fff;
  
  }
  #paginacion_parte_derecha{
  float: right; 
  text-align: right; 
  width: 30%;
  }
  
/* //////////////////////////////// INSTALACIONES ///////////////////////////////////// */
.fancybox-skin{
 background-color: #930404!important; 
 border: 3px solid #930404 !important;
}
.fancybox-title{
 color:#fff;
 font-size:1.2em;
 text-align:center;
}
.categorias_instalaciones{
 position:relative;
 float:left;
 width:80%;
 left:50%;
 margin-left:-40%;
 margin-bottom:50px;
 text-align:center;
}
.categorias_instalaciones a{
 text-decoration:none;
 color:#333;
 padding:0 10px;
 border:1px solid #333;
}
.categorias_instalaciones a:hover{
 color:#fff;
 background-color:#666;
}
.categorias_instalaciones a.categoria_seleccionada{
color:#fff;
 background-color:#666;
}
/* //////////////////////////////////////// GALERIA //////////////////////////////////// */
#texto_pinchos{
 position:relative;
 float:left;
 width:100%;

}
.pincho_item{
  position:relative;
  float:left;
  width:23%;
  /*height:150px;*/
  background-position:50% 50%;
  background-size:cover;
  margin-bottom:20px;
  overflow:hidden;
  margin-left:1%;
  margin-right:1%;
}
.pincho_item a{
 width:100%;
 height:100%;
 float:left;
}
.pincho_item .mascara_pincho{
    position:absolute;
	background-color:rgba(233,233,231,0.8);
	width:100%;
	height:100%;
	opacity:1;
	text-align:center;
	transform: translate(50%, 82%) rotate(60deg); /*Rotamos para dar efecto de diagonal y lo movemos por donde queremos que entre.*/
	-webkit-transform: translate(50%, 82%) rotate(60deg); 
	-ms-transform: translate(50%, 82%) rotate(60deg); 
	-moz-transform: translate(50%, 82%) rotate(60deg); 
	-o-transform: translate(50%, 82%) rotate(60deg); 
	/*transform: scale(0,0) rotate(0deg); 
	-webkit-transform: scale(0,0)  rotate(0deg); 
	-ms-transform: scale(0,0)  rotate(0deg); 
	-moz-transform: scale(0,0)  rotate(0deg); 
	-o-transform: scale(0,0)  rotate(0deg);*/
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	z-index:9;
}
.pincho_item:hover .mascara_pincho{
  opacity:1;
  
	transform: translate(0,0) rotate(0deg);
	-webkit-transform: translate(0,0) rotate(0deg);
	-moz-transform: translate(0,0) rotate(0deg);
	-o-transform: translate(0,0) rotate(0deg);
	-ms-transform: translate(0,0) rotate(0deg);
	/*transform: scale(1,1) rotate(360deg); 
	-webkit-transform: scale(1,1)  rotate(360deg); 
	-ms-transform: scale(1,1)  rotate(360deg); 
	-moz-transform: scale(1,1)  rotate(360deg); 
	-o-transform: scale(1,1)  rotate(360deg);*/
}
.pincho_item .mascara_pincho img{
 width:0;
}
.pincho_item:hover .mascara_pincho img{
  padding-top:10%;
  width:80%;
}
 #barra_portafolio{
 position:relaite;
 float:left;
 width:100%;

}
#barra_portafolio a{
 text-decoration:none;
 color:#000;
}
#barra_portafolio #boton_izquierda,
#barra_portafolio #boton_derecha
{
 cursor:pointer;
 position:relative;
 float:left;
 width:20%;
 background-color:#910302;
 text-align:center;
 color:#fff;
 padding:5px 0;
}
#barra_portafolio #boton_izquierda:hover,
#barra_portafolio #boton_derecha:hover{
 background-color:#373535;
}
#barra_portafolio #boton_izquierda:hover a,
#barra_portafolio #boton_derecha:hover a{
 color:#fff;
}
#barra_portafolio #boton_izquierda a,
#barra_portafolio #boton_derecha a{
 color:#fff;
}
#barra_portafolio #numeracion_centro{
 text-align:center;
 position:relative;
 float:left;
 width:60%;
  padding:5px 0;
}