@import url(http://fonts.googleapis.com/css?family=Roboto);

@font-face {
font-family:"Formation Sans Regular";
src:url('FormationSansRegular.ttf'),
url('FormationSansRegular.eot'),
url('FormationSansRegular.eot?#iefix') format('embedded-opentype');
}

@font-face {
font-family:"asap";
src:url(asap.regular.ttf); 
}


h1, h2, h3, h4, h5 
{
font-family:"Formation Sans Regular";
margin:0px;
padding:0px;

}



.fraceindex
{
	font-size:1.6em;
	color:#fff;
	font-weight:bolder;
}

#face
{
   float: right;
  margin-top: -3.5em;
  margin-right: 2em;
  text-decoration: none;
  color: #fff;
  font-size: 1.3em;
  font-weight: bolder;
}

html, body
{
	margin:0px;
font-family:"asap";
}

#frace
{
  position: absolute;
  color: #db7e1f;
  right: 13%;
  top: 250px;
  font-family:"Formation Sans Regular";
  font-size:1.3em;
  font-weight:bolder;
}

.pagina
{
	margin:0px;
}

.cabecera
{
	background:#ADAAAA;
	border-bottom:7px solid #fff;

}

#contindex1
{
	background:#626262;
	padding:5em 0px;
}



.contenido
{
	width:100%;
	height:auto;
	overflow:hidden;
}

#soporte h2
{
	color:#db7e1f;
	padding-top:1em;
}

#soporte article
{
}


#soporte article img
{
	  width: 30%;
	  margin: 1%;
      border: 2px solid silver;
}


#palablas
{
	position:absolute;
	font-size:1px;
	z-index:-1;
}

.cat h1
{
	color:#db7e1f;
	font-size:2.5em;
	margin:0px;
	margin-bottom:0.4em;
}

.cat 
{
background:#626262;
color:#fff;
padding:4em 0px;

}




#quienes .cont1
{
	background:#db7e1f;
}

#quienes .cont2
{
margin:2em 0px;
}

#quienes p
{
font-size:1.1em;
}

.cat h2
{
	font-size:2em;
}

.cont50
{
	width:40%;
	margin:2%;
	padding:0px 3%;
}

.cont50 h3
{
	font-size:2em;
	color:#302f2f;
	margin-bottom:1em;
}

.cont50 h3
{
	font-size:2em;
	color:#302f2f;
	margin-bottom:1em;
	
}

#pruebacolor
{
	background:#0f1e7b;
	padding:2.6em 0px;
}
#pruebacolor h2
{
	color:#fff;
	font-size:4em;
	
}


#quienes a
{
	
font-family:"Formation Sans Regular";
color:#302f2f;
float:right;
font-weight:bold;
font-size:1.3em;
margin-top:1em;
text-decoration:none;
}

#quienes a:hover
{
color:#fff;
}

#anatomia
{

	margin-bottom: -4.2em;
	overflow:hidden;
	color:#4A4A4A;

	
}

#anatomia .cont1
{
	width: 27%;
}


#anatomia .cont2
{
width: 72%;
}


article
{
	float:left;
	width:100%;
}

#contindex1 article
{
width: 21%;
margin: 2%;
-webkit-transition:all ease 1s;
 transition:all ease 1s;
}
#contindex1 article img
{
width:100%;	
padding-top:3em;
}

#contindex1 article:hover
{
background:#4d4b4b;
}


#contindex1 article:hover h2
{
background:#db7e1f;
color:#fff;
border-top:10px solid #4d4b4b;
}


#contindex1 h1
{
	text-align:center;
	color:#fff;
	width:650px;
	margin:0px auto;
	font-size:2.1em;
	border-bottom:2px solid #db7e1f;
	margin-bottom:0.7em;
}


#contindex1 h1
{
	text-align:center;
	color:#fff;
	font-size:2.1em;
}


#contindex1 h2
{
	text-align:center;
	color:#db7e1f;
	text-transform:uppercase;
	font-size:1.8em;
	background:#413f3f;
	padding:0.3em;
	-webkit-transition:all ease 1s;
	transition:all ease 1s;
	height: 73px;
}

.defaultimg
{
height:auto !important;
}

/*.cat a 
{
	background:#db7e1f !important;
	color:#fff !important;
/*	padding:0.3em;
	box-shadow:0px 2px 2px #000000;
	border-radius:10px;
}*/

.btn-primary:hover path 
{

	
}


.botoncontacto {
	border-radius:7px;
	padding: 0 24px;
	height: 30px;
	margin-right: 3%;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border: 1px solid #f57f04;
	clear: both;
	float: right;
	background:#f57f04;
	text-transform:uppercase;
	
}

.botoncontacto p{
	text-decoration:none;
	color:#FFFFFF;
	margin-top:7.3%;
}
.contenido-centrado
{
	overflow:hidden;
  
	width:80%;
	max-width:1200px;
	margin:0px auto;
}


#hovercont1:hover ~ #contenidoinfo1
{
	display:block;
}


#hovercont1:hover 
{
cursor:pointer;
}


#contenidoinfo1
{
	display:none;
background:#fff;
}

#contacto .cont1
{
	width:30%;
	margin:2%;
}

#contacto .cont2
{
	width:60%;
	margin:2%;
}

#contacto span
{
	color:#f57f04;
	font-weight:bold;
	font-size:1.1em;

}

#pendientes h2
{
	font-size:1.4em;
	color:#e88930;
	margin-bottom:0.5em;
}
#usados article div
{
float: left;
width: 48%;
margin: 1%;
}

 
#usados article div h2
{
text-align:center;
font-size:1.9em;
color:#db7e1f;	
letter-spacing:2px;
}


#usados article div img
{
	width:100%;
	border:2px solid #fff;
}



#usados article  a
{
 background:none !important; 
 color: #db7e1f !important; 
 padding:0px; 
 box-shadow:none; 
 border-radius:0px; 	
}

#usados .cont1
{width: 68%;
padding: 0px 2%;

}

#usados .cont2
{
width: 22%;
padding:0px 2%;
border-left:1px solid #717171;
}

#usados #titulos
{
	font-size: 0.8em;
	text-align:center;
	padding:1em;
}

#usados table tr td
{
	border:solid 1px #717171;
border-spacing : 0 0;
border-collapse : collapse;
padding: 6px 4px;

}

#renta h2
{
	color:#d57d2c;
	padding-bottom:1em;
}

#renta h2
{
	color:#d57d2c;
	padding-bottom:1em;
}

#renta ul
{
list-style-image:url(../img/favicon1.png);

}

#renta ul li
{
	margin-bottom:0.3em;
}

#renta table tr td
{
border:solid 0px;
text-align:center;
background:#fff;
color:#000;
}

#refa1 img
{
	width:30%;
	margin:1%;
	    border: 2px solid silver;
}

#titulotabla
{
background:#d47d2c !important;
padding:1em 0px;
color:#fff !important;
}

#renta table img
{
	margin-bottom:-1em;
}

#tablares
{
	overflow-x:auto;
}




		.wrapper {
				
			}
			.list_carousel {
			
				width: 360px;
			}
			.list_carousel Z ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				padding: 0;
				display: block;
				float: left;
			}
			
			.list_carousel li img {
				width:95%;
				margin:2.5%;
			}
			
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			
			.clearfix {
				float: none;
				clear: both;
			}
			
			.prev {
				float: left;
				margin-left: 10px;
                height: 20px;
                width: 20px;
                background-image: url(../img/graphics/arrow.png);
			}
			
			.next {
				float: right;
				margin-right: 10px;
                height: 20px;
                width: 20px;
                background-image: url(../img/graphics/arrow2.png);
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}


			footer
			{
			background:#1f1f1f;
			color:#B1B1B1;
			border-top:7px solid #fff;
			padding-top:2em;
			font-size:1.2em;
			position:relative;

			}
			
			
			footer ul
			{
				list-style:none;
				margin:0px;
				padding:0px;
			
			}
			
			footer h2
			{
				color:#db7e1f;
				font-size:1.5em;
			
			}
			
				footer a
			{
		color:#B1B1B1;
			
			}
			
			p
			{
				text-align:justify;
				
			}
			
		
			
			footer article
			{
				width:auto;
				margin: 0px 2%;
			
			}
			
			footer div
			{
				width:100%;
				background:url(../img/cementoinferior.jpg);
				width:100%;
				padding:10px 0px;
				color:#42413e;
				font-weight:bolder;
				margin-top:1.5em;
				
			
			}
			
				footer div a
			{
	
				color:#42413e;
		
				
			
			}
				
				footer article img
			{
				float:left;
				margin:1em 0px;
			
			}
			
			
/*			modal*/



			
			
/*---------------contenido responsivo---------------*/
@media screen and (max-width : 1024px){
	#contindex1 article:hover h2 {
border-top: 0px solid #4d4b4b;
}

#contindex1 article {
width: 44%;
margin: 2%;
-webkit-transition: all ease 1s;
transition: all ease 1s;
}

#usados article div h2 {

font-size: 1.5em;

}
#usados .cont1 {
width: 59%;
padding: 0px 0px; 

}

	
}
@media screen and (max-width : 800px){
	
	#tablares
{
	overflow-x:auto;
	
}

	#tablares table
{
width:700px;
	
}
	
#usados article div img {
width: 95%;
border: 2px solid #fff;
}
#usados article div {
width: 100%;

}
footer article {
width: auto;
margin: 0px 2%;
width: 43% !important;
}
#categoriasf
{
	text-align:right !important;
}

#categoriasf 
{
	text-align:right !important;
}

#reimer
{
	margin-top:-5em !important;
}
	
}
@media screen and (max-width : 600px){
	
	#imgcamionrenta
	{
		display:none;
	}
	
	#contacto iframe
	{
		height:600px !important;
	}
	
	
	#contacto .cont2 {
width: 60%;
margin:0px;
}
	
	#imgpendientes
	{
		width:100% !important;
	}
	
	#pruebacolor h2 {

font-size: 3em;
}
	
	#contindex1 h1 {
text-align: center;
color: #fff;
 width:auto; 
margin: 0px auto;
font-size: 2.1em;
border-bottom: 2px solid #db7e1f;
margin-bottom: 0.7em;

	}
	footer article {
width: auto;
margin: 0px 0%;
width: 100% !important;
}

#categoriasf
{
	text-align:left !important;
	margin-left:0px !important;
}

#categoriasf h2
{
	text-align:left !important;
}


#categoriasf p
{
	text-align:left !important;
}
#reimer
{
	margin-top:-2em !important;
}
	
	
	html, body
    {
		font-size:90% !important;
	}
	
	article
	{
		width:99% !important;
	}
	.cont50 {
margin:0px;
 padding: 0px; 
}

#imgquienes
{
	width:100%;
	margin-top:1em;
}

	
}
@media screen and (max-width : 320px){
	
}
/*---------------contenido responsivo---------------*/