.marco-servicio{
	border-radius:5px;
	width:auto;	
	text-align:center;
}

.content-menu-galeria{
		background:white;
		text-align:center;
		padding:100px 0 20px;
}

.media-rotura video{
	display:inline-block;
	margin:5px;
	width:320px;
	height:240px;
}

.content-option a{display:block;}


.name-option{
	color:#333333; 
	font-size:12px; 
	font-weight:bold;
	float:left;
	width:88%;
}

.more-option{
	width:10%;
	float:right;
	padding-top:10px;
}

.service-active{
	background:#eee !important;	
}

.list-servicio ul li div:hover{
	background:#eee !important;		
	transition:all 300ms ease-in-out 0s;	
}

a > .name-option:hover, .service-active  a > .name-option{color:#428bca !important;}





.desc-breve-servicio{
	color:#555555; 
	text-align:justify;	
	font-size:14px;
	font-family:Arial;
}

.line-small{border-bottom:2px solid #67ce1d; width:40px; margin:20px 0;}


.titulo-servicio{
	color:#666666; 
	padding-bottom:10px; 
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

.contenedor-carrusel{
  float:right;	
  width:70%;
  
}

.descripcion-servicio{
	float:left;
	width:19%;
	min-height:250px;
	font-size:13px;
	color:#666666; 
	text-align:left;
	/*transition:all 2s ease 0s;*/
}

.descripcion-servicio.fixed{position:fixed; }

.content-galery-service{float:right; width:78%}

.content-galery-service .qs-title{
	font-size:44px !important;
	margin-bottom:19px !important;
	padding:0 0 7px !important;	
}


.btn-list-all-product{
	border:2px solid #67ce1d;
}

.btn-list-all-product a{ 
	display:block; 
	padding:9px 60px;
	font-size:24px;
    color: #666;
    font-family: teko;	
	transition:all 0.5s ease 0s;	
	text-align:center;
}

.btn-list-all-product a:hover{
	color:white;	
	background:#808080;	
} 



.vineta-roja{
	padding:1px 7px;
	background:#C20021;
	color:white;	
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
}

.titulo-descripcion{
 background:#272727;
 color:white;
 height:30px;
 line-height:30px;
 padding-left:10px;

}

.content-detalle-servicio{
	padding:7px 0;
	text-align:justify !important;
	color:#555555;
	font-size:13px;		
}

.objetivo-soc ul li{
	padding:10px 3px;
	list-style:square;	
}

.content-detalle-servicio a{color:#67ce1d !important;}

.content-detalle-servicio p,
.content-detalle-servicio span{	
	/*font-size:12pt !important;*/ 
	font-family:Times New Roman;
	line-height:1.6;
	font-size:15px ;
	color:#333;
}

.contenido-curso ul li{
	padding-left:10px;
	margin-left:40px;
	list-style:decimal;
	font-weight:bold;
	font-style:italic;
}


.marco{
	border:1px solid #BFBEBE;
	border-radius:7px;	
	padding:10px;
	box-shadow:3px 4px #c2c1c1;
}

.titulo{
    background: url("../images/pestania.png") no-repeat scroll 72px 25px transparent;
    color: #3D3D3D;
    font-size: 12px;
    font-weight: bold;
    height: 47px;	
	text-transform:uppercase;
}



.titulo span {
    color: #C20021;
}

.titulo div{border-bottom:2px solid #C20021;}


.list-servicio ul li{
  	border-bottom:1px solid #bbb;
	list-style:none;	
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);

}

.filtro-cat{
	color:#67ce1d; 
	font-size:16px;	
}

 
.categoria-producto{
	padding-top:20px;		
}

.list-servicio ul a{
	color:#4b4b4b; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:12px;
	padding:5px 10px;	
	display:block;
}

.list-servicio ul a:hover{color:red;}

.contenedor-detalle{
width:842px;
padding:3px;
padding-top:16px;
}
.detalle-left{
 float:left;
 width:21%;	
}
.detalle-right {
    float: right;
    padding-left: 13px;
    text-align: center;
    width: 77%;
}

.especificaciones-tecnicas{
	padding:10px;		
}

.detalle-especificaciones{
	text-align:left; color:#3D3D3D;
	padding:20px;
}

.detalle-especificaciones ul li{
	list-style:square;	
}

.detalle-caracteristicas{
	text-align:justify;	
}

#borde-zoom{
	/*border-radius:0px 50px;*/ 
	border:10px double #c1c1c1;
	width:100%;
	min-height:300px;
	overflow:hidden;
	background:white;		
	padding:4px;
}

#borde-zoom:hover{cursor:pointer;}



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


#carousel_inner_detalle {
    background: none repeat scroll 0 0 #272727;
    height: 287px;
    margin: 0 7px;
    overflow: hidden;
    padding: 13px 0;
    width: 150px;
	border-radius:7px;
}

#carousel_ul_detalle {
position:relative;
/*important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
height:9999px; /* important */
/* non-important styling bellow */
top:-99px;
}

#carousel_ul_detalle li{                                    
  /* fixed width, important */
/* just styling bellow*/
/*background: #000000;*/
margin:0px;
padding:5px;
transition:color 0.2s ease-in-out 0s;
overflow:hidden;
text-align:center;
height:90px;
background:none;
}


#carousel_ul_detalle li img {
cursor:pointer;
cursor: hand; 
border:1px solid #CCCCCC; 
border-radius:4px;
width:125px;
height:72px;
background-color:white;
}

#carousel_ul_detalle li img:hover{border:2px solid #C1C1C1;}



#left_scroll_detalle, #right_scroll_detalle{/*  este controla el tamaño de las imagenes de siguiente y anterior */
height:30px; 
text-align:center;
}

 #right_scroll_detalle{padding-top:10px;}
#left_scroll_detalle img, #right_scroll_detalle img{
/*styling*/
cursor: pointer;
cursor: hand;
text-align:center;
}


.list-valve ul{
	padding-left:30px	
}


@media(max-width:600px){
	
	.categoria-producto{height:auto;}	

	.content-galery-service, .contenedor-carrusel, .descripcion-servicio{width:100%; padding:10px 0;}
	
	

	
}


/***DESIGN SERV. MANTENIMIENTO Y REPARACION VEHICULOS CAMIONES - BETO**/

.col-2{
	float:left;
	display:inline-block;
	width:49.5%;	
}

.col-2 ul{margin-left:40px;}

.col-2 ul li{
	list-style:url(../images/list-llave.png);
}

.col-2 ul.list-geosurvey li{list-style:url(../images/ok.png); padding:10px 0;}



.col-2 img{width:auto; padding-top:40px;}


.title-mtto p{font-family:teko; font-weight:bold; font-size:2em;}

.col-2 h2, .col-2 p{
	font-weight:bold;
	text-align:center;	
	font-size:18px;
	font-family:Arial;
}

.col-2 h2{font-size:25px; font-family:teko; color:red;}

.col-2 div.marco{border:1px dashed black; border-radius: 7px; box-shadow:none; background:#f5f5f5;}

.col-2 i{font-size:2em;}

.col-2 div.marco span{
	font-size: 20px;
    font-family: teko;	
}

.col-2 div.marco a{font-size:1em; font-weight:bold;}