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

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/back.jpg) repeat-x center top #cacbcd;
	overflow-x:hidden;
	color:#FFF;
	
}

img {border:none;} 

#pagina {position:relative; width:927px; margin:0 auto; z-index:999; padding:0px}

#bg_containers{
	width:1365px;
	height:0px;
	margin:0 auto;
}

#bg_containers div {width:1365px; height:1200px; margin:0 auto;}

#bg_containers .bg1 {background:url(images/background.jpg) no-repeat;}
#bg_containers .bg2 {background:url(images/background2.jpg) no-repeat;}
#bg_containers .bg3 {background:url(images/background3.jpg) no-repeat;}

h1{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:'Orbitron', sans-serif;
}

h2{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:'Orbitron', sans-serif;
	font-size:24px;
}

p, li{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px;
	padding:0px;
}

.center{text-align:center!important; font-size:12px; color:#861917}

.center a{color:#861917!important; font-weight:bold;}

.container {
	width:100%;
	position:relative;
	z-index:100;
	margin:0 auto;
	clear:both;
}

.container ul li{
	list-style-type:none;
}

blockquote{
	font-family:Georgia, Century;
	font-size:22px;
	text-align:center!important;
	font-style:italic;
	}
	
.arriba{
	display:block;
	width:990px;
	height:60px;
	background:url(images/cntarriba.png);
}

.abajo{
	display:block;
	width:990px;
	height:60px;
	background:url(images/cntabajo.png);
}
	
.fondo{
	display:block;
	width:990px;
	height:auto;
	margin:0 auto;
	background:url(images/cnt.png);
	clear:both;
	overflow:hidden;
}

.fondo1{
	display:block;
	width:990px;
	height:auto;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}

#cabezal{
	display:block;
	width:993px;
	height:150px;
	margin:0 auto;
	padding:10px 10px 10px 10px;
}

img{border:none;}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(0.806) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(0.806) skew(0deg) translate(0px); }
}


#logo{
	display:block;
	width:493px;
	height:110px;
	margin-top:35px;
	float:left;
}

#logo{
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
	-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
	-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
}

#logo:hover{
-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
}

#right{
	width:450px;
	height:88px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	text-align:left;
}

#slogan{
	color:#ed1c24;
	margin-right:20px;
	margin-top:20px;
}

#slogan p{
	font-family:'Orbitron', sans-serif;
	font-size:24px;
	text-align:center;
}



#submenu{
	width:450px;
	margin:auto;
}

#submenu ul{
	display:inline;
}

#submenu ul li{
	display:inline-block;
	height:36px;
	color:#FFF;
	font-family: 'Orbitron', sans-serif;
	padding:5px 13px 0px 13px;
	margin-top:30px;
	font-size:18px;
	background:#BBB;
	text-align:center;
	

}

#submenu ul li a{
	color:#fff;
	text-decoration:none;

}

#submenu ul li a:hover{
	text-decoration:underline;
}

/* Contenido */

#separador{
	display:block;
	width:905px;
	height:45px;
	margin:0 auto;
}

#sepinvertido{
	display:block;
	width:905px;
	height:45px;
	margin:0 auto;
}

#articulo{
	display:block;
	width:865px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	clear:both;
}

.separar{
	display:block;
	width:865px;
	height:13px;
	background:url(images/separar.png) no-repeat;
	margin:30px 0px 20px 0px;
}

/* Footer */

#footer{
	width:990px;
	height:80px;
	padding:10px 10px 10px 10px;
	margin:0 auto;
	color:#FFF;
}

#footer a{
	color:#FFF;
}
/* Carrusel */

.wrapper {
	background-color:#000;
	width: 700px;
	margin: 0 auto;

}
.list_carousel {
	background-color: #111;
	margin: 0 0 0px 0px;
	width: 690px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:5px 5px 5px 5px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 0px;
	color: #999;
	text-align: center;
	background-color: #eee;
	border: 5px solid #999;
	width: 150px;
	height: 150px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
}
.prev {
	float: left;
	margin-left: 10px;
}
.next {
	float: right;
	margin-right: 10px;
}
.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;
}

/* Nosotros */




	.panel h2.title { margin-bottom: 10px;  text-shadow: 1px -1px 2px rgb(10,10,10); 
}
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider {  }
	.coda-izq {width: 50%; float:left;  padding: 0px 5px 0px 0px;}
	.coda-der {width: 45%; float:right; margin:0px; padding:0px;}
	
	/*Productos*/
	
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 850px; margin:auto; } 
	

	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 0px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { color:#AAA;  }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: inline; margin: auto; overflow: hidden; }
	.coda-nav ul li { display: inline;  }
	.coda-nav ul li a { color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none;  margin-top:10px; font-family:'Orbitron', sans-serif; font-size:16px; padding:0px 15px 0px 15px;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	#coda-slider-9, #coda-slider-9 .panel { width: 465px }
#coda-slider-9 h2.title { display: none }

#imagen1{
	display:block;
	width:412px;
	height:281px;
	background:url(images/image1.png);
}
	
#imagen2{
	display:block;
	width:412px;
	height:281px;
	background:url(images/image2.png);
}

#imagen3{
	display:block;
	width:412px;
	height:281px;
	background:url(images/image3.png);
}

#imagen4{
	display:block;
	width:412px;
	height:281px;
	background:url(images/image4.png);
}

#imagen5{
	display:block;
	width:412px;
	height:281px;
	background:url(images/image5.png);
}

#imagen6{
	display:block;
	width:412px;
	height:281px;
	background:url(images/image6.png);
}

/* Galería */
#gallery {float:left; width:50%;}
#gallery ol li a{
	color:#fff;
}
#gallery ol li a:hover{
	color:#ddd;
}
#especificaciones{
	float:right;
	width:40%;
}

#imagen{
	display:block;
	width:213px;
	height:290px;
	margin:0 auto;
}

/* Contacto */

#izquierda1{
	display:block;
	float:left;
	width:50%;
}

#derecha1{
	display:block;
	float:right;
	width:50%;
}

#izquierda2{
	display:block;
	float:left;
	width:50%;
}

#derecha2{
	display:block;
	float:right;
	width:50%;
}

.boton{
	display:block;
	width:211px;
	height:193px;
	margin:0 auto;
}

#tornillos{
	width:400px;
	color:#000!important;
	}
	
#tornillos2{
	width:600px;
	color:#000!important;
	}
	
#regresar{
	display:block;
	clear:both;
	width:180px;
	height:40px;
	margin:auto;
}
	
textarea.text { 
	height:100px;
}

input.text,textarea.text, select.text { 
	width:300px; 
	border:1px solid #CCCCCC; 
	padding:5px; 
	margin-bottom:10px; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px; 
}

input#submit { 
	padding: 5px 10px; 
	background: #f2f2f2; 
	border:1px solid #e5e5e5; 
	font-family:'Orbitron', sans-serif;
	font-weight:bold;
	font-size: 22px; 
	color: #000; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px; 
	border-radius:15px; 
}

input#submit:hover { 
	padding: 5px 10px; 
	background:#F00;
	border:1px solid #e5e5e5; 
	font-family:'Orbitron', sans-serif; 
	font-size: 22px; 
	font-weight:bold;
	color:#000; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px; 
	border-radius:15px; 
}

#maps{
	margin:0 auto;
	width:390px;
	height:263px;
}