@font-face{
	font-family:metalhead;
	src: url(Metalhead.ttf);
}
@font-face{
	font-family:metapro;
	src: url(MetalPro.ttf);
}

@font-face{
	font-family:metalpro2;
	src: url(MetaPro-Black_30242.ttf);
}

.colorfb{
	color:#ffffff;
}
.colorfn{
	color:#000000;
}


.textotudor {
   font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
 
}
.fuentetudor{
	font-family:metalhead;
}
.fuentetudor2{
	font-family:metalpro;
}

.rojotudor{
	color:#b12518;
}


.estilotudor { 
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; 
}


.primeraimagen {
	background-color:#212121;
}
.primeraseccion {
    margin-top: -18px;
	height:350px;
	background-color:#f5f5f5;
	text-align:center;
}
	
.segundaseccion {   
	height:1200px;
	background-color:#ffffff;
	text-align: center;
}
   	
.terceraseccion {
    border: none;
	min-height:550px;

	background-color:#212121;
}	
.cuartaseccion {
    border: none;
	height:auto;
	background-color:#ffffff;
}
.quintaseccion {
	margin-top:100px;
    border: none;
	height:auto;
	max-height:440px;
	overflow:hidden;
	background-color:#f5f5f5;	
	position:relative;
}	
.margenizq{
  margin-left: 20px;
}
.margender{
  margin-right: 20px;
}

.sextaseccion {
    border: none;
	min-height:400px;
	height:auto;
	background-color:#000000;
}	

.botonfondo{
	font-size:20px;
	color:#ffffff;
	font-family:metalhead;
}
.botonfondo:hover{
	font-size:22px;
	color:#b12518;
	text-decoration:none;
}
.botonregresar{
	background: #ffffff;
	border-radius:60px;
	font-size:24px;
	width:60px;
	height:60px;
}
.botonregresar:hover{
	background: #b12518;
	color:#ffffff;
	border-radius:60px;
	font-size:22px;
	width:60px;
	height:60px;
}
#textoq{	 
	 font-size:50px;
	 margin-top:-10px; 
	 color:#ffffff;  
	 margin-left:20px;
}

@media screen and (max-width: 1200px) {
.primeraimagen {
	margin-top:80px;
}
.primeraseccion {
	margin-top:-95px;
}
#textoq{	 
	 font-size:25px;	 
	 color:#ffffff;  
	
}

}

.rowcollection{
	margin-top: 30px;
	min-height: 450px;
	border: none;
}
.divreloj{
	min-height:450px;
	min-width:300px;
	border: none;
}
.divreloj:hover{
    color: #b12518;
}


.fotoreloj{
	width: 100%;
	height:370px;
	border: none;
	background: #AAAAAA;
	position: relative;
	overflow:hidden;
	text-align:center;
}
.textoreloj{	
	width: 100%;
	height:80px;
	border: none;
	text-align:center;
}
.pmarcareloj{	
	font-size: 15px;
	font-family:metalpro2;
}

.pmodeloreloj{	
    color:#AAAAAA;
	font-size: 10px;
	font-family:metalpro2;
}
.pprecioreloj{	    
	font-size: 12px;
	font-family:metalpro;
}

.reloj{
	width:160%;
	height:80%;
	background:#999999;
	 position: absolute;
	top: -25%;
    left: -30%;
}
.reloj:hover{

    top: -28%;
}
.reloj img {
	vertical-align:middle;	
	height: 160%;		
}

#botonsuscr{
	background:#ffffff;
	color:#CAA977;
}


#botonsuscr:hover{
	background:#CAA977;
	color:#ffffff;

}
.piedepagina{
	margin-top:50px;
   font-family:metalpro2;
   text-align:left;
   height: 400px;   
 
}

.piedepagina ul{
  font-family:'Lucida Sans';
  color:#aaaaaa; 
  list-style:none;  
}

.anchorpie {
	text-decoration: none;
	color:#aaaaaa; 
	font-family: Didot-Italic;
	font-size:18px;
	transition: all 2s ease-out;
}
.anchorpie:hover{
	text-decoration: none;
	color:#CAA977; 
	font-size:22px;
	font-family: Didot-Italic;
	transition: all 1s ease-out;
}


.piedepagina li{  
  margin-left:-22px;
}
.piedepagina h4{  
  font-family: Didot-Italic;
  font-size: 22px;
}
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

.espaciofotospequenas{
	height:100px;
	width:10%;
	border: none;
	float: left;
}

.fotospequenas{
	height:auto;
	width:16%;
	border: none;
	float: left;
}

.fuentegris{
	font-family:"HelveticaNeueLTStd-LtCn","Helvetica Neue Light",Helvetica,Arial,sans-serif;
	color: #888888;
	font-size:13px;	
}
.botoncontacto{
	background:#000000;
	color: #ffffff;
}
.botoncontacto:hover{
	background:#ffffff;
	color: #000000;
	border: 1px solid;
}

a.darken { 
    display: inline-block; 
    background: white; 
    padding: 0; 
} 

a.darken img { 
    display: block; 

    -webkit-transition: all 0.5s linear; 
     -moz-transition: all 0.5s linear; 
     -ms-transition: all 0.5s linear; 
     -o-transition: all 0.5s linear; 
      transition: all 0.5s linear; 
} 

a.darken:hover img { 
    opacity: 0.7; 

} 
.primeratabla{
	border-top: 3px solid #888888;
	

	
}
.renglon{
	border-bottom: 1px solid #888888;	
	height:50px;	
}
.renglon:hover{
	background: #eeeeee;
}


.elementosdiv{
	float: left;
	text-align:center;
}
.elementosdivtext{
	float: left;
	text-align:left;
}
.elementosdivtext:hover h5{
	font-size: 20px;
}
.elementosdivtext:hover a{
	font-size: 20px;
}
.boton:hover{
	font-size: 20px;

}

.snip1325 {
  position: relative;
  overflow: hidden;
  margin: 0px;

  height: 200px;
  width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}


.snip1325 img {
  height: 100%;
  min-width: 600px;
  position: absolute;
  left: -50px;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.snip1325:hover img,
.snip1325.hover img {
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
}
.familias  {
  position:relative;
  overflow: hidden;
  height: 200px;
  margin-top:30px;

}

.familias h2 {
  font-family: Didot-Italic;
  text-align: center;
  position:relative;
  top: -600px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 2px 0 0 #000;
  font-size:40px;
  
}
.familias:hover img,
.familias.hover img {
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
}
.familias:hover h2 {
  color: #fff;
  text-shadow: 2px 0 0 #fff;
  font-size:48px;
   transition: all 2s ease-out;
   z-index: 1000;
}

.fondo{	

	position:relative;
	top:-260px;
	margin-left: 0px;
    height: 350px;
    width: 100%;
	background: rgba(0, 0, 0, 0.60);
	z-index: 100;
	transition: all 2s ease-out;
	  max-width: 550px;
      
}
.fondo:hover{	 
transition: all 2s ease-out;
	background: rgba(0, 0, 0, 0.05);

}


.familias a {
  text-decoration: none;
 
}

.fondo img{
   padding: 10px;
   text-align: center;
   position:relative;
   height: 150px;
   top: 25%;
   left: 26%;
   z-index: 2000;
    transition: all 2s ease-out;
}
.fondo:hover  img{
   text-align: center;
   position:relative;
   height: 60px;
   top: 58%;
   left: 73%;
   z-index: 2000;
   transition: all 2s ease-out;
}



@media screen and (max-width: 1200px) {
	
.centrarboletin{
	 text-align: center;
}


}