/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-size:12px;
	background-color: #000;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
textarea, input, button {
	font-family: 'Decker';
	font-size: 14px;
	color: #FFF;
	font-style: italic;
}

/*FUENTES*/


/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
	font-family:"Decker";
	src:url("../fuentes/Decker.eot?") format("eot"),
	url("../fuentes/Decker.woff") format("woff"),
	url("../fuentes/Decker.ttf") format("truetype"),
	url("../fuentes/Decker.svg#") format("svg");
	font-weight:normal;font-style:normal;
}

@font-face {font-family:"Oswald";src:
	url("../fuentes/Oswald.eot?") format("eot"),
	url("../fuentes/Oswald.woff") format("woff"),
	url("../fuentes/Oswald.ttf") format("truetype"),
	url("../fuentes/Oswald.svg#Oswald") format("svg");
	font-weight:normal;font-style:normal;
	}



/*CLASES*/

.clear {
	clear:both;}
	
.img_l {
	margin:5px;
	float:left;}
	
.img_r {
	margin:10px;
	float:right;}
	
.alpha {
	margin-left:0px;}
	
.omega {
	margin-right:0px;}


ul.nav {
    font-weight: 500;
    list-style: none outside none;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 15px;
}

.nav li {
    float: left;
    margin: 0 5px;
    width: 110px;
    height: 70px;
}

a:hover li {
	margin-top: -15px;
	background-image: url('../images/hover.png');
	background-repeat: no-repeat;
	padding-top: 15px;
	width: 110px;
	height: 70px;
}
	
.lista_menu {
	
	width: 180px;
	margin:60px 0 0 60px;
}
	
.lista_menu ul {
	width:180px;
	padding:10px 0 10px 10px;
	font-size:18px;
	}
	
.lista_menu ul li {
	background: url("../images/l_rueda.png") no-repeat scroll 0 0 transparent;
	width: 174px;
	margin: 10px 0;
	padding: 5px 0 5px 25px;
	}
	
.lista_menu ul li a {
	line-height:20px;
	padding:5px 0 18px 0;
	display:block;
	
}
	
.lista_menu ul li a:hover {
	color:#f77717;
	}

.relative{
        position:relative;
        z-index:1;
}
		

/*HTML*/

ul, ol {
	list-style:none;}
	
a:link {
	color:#000;
	text-decoration:none;}
	
a:visited {
	text-decoration:none;
	color:#000;}
	
a:hover {
	text-decoration:none;
	color:#000;}
	
a:active {
	text-decoration:none;
	}

	
/*PAGINA*/

.container {
	width:960px;
	margin:auto;
	}

#fondo {
	 background-image: url('../images/fondo_compania.jpg');
         background-repeat:no-repeat;
	background-position:center top;
	width: 100%;
	min-width: 960px;
	height: 846px;
}

#fondoc {
	 background-image: url('../images/fondo_contactenos.jpg');
         background-repeat:no-repeat;
	background-position:center top;
	width: 100%;
	min-width: 960px;
	height: 906px;
}

#header {
	width:100%;
	height:68px;
	background-image: url('../images/fondo_header.jpg');
	babackground-repeat: repeat-x;
}

#logo {
	background-image: url('../images/fondo_logo.png');
	background-repeat: no-repeat;
	float: left;
	width: 665px;
	height: 178px;
	position: absolute;
}

#logo img {
	position: absolute;
	left: 30px;
}

#menu {
	float: right;
	font-family: 'Decker';
	font-size: 13px;
	z-index: 1;
	position: relative;
	
	}

#contenido2 {
	position: absolute;
	top: 80px;
	left: 20px;
}

#contenido, #contenido1 {
	position: absolute;
	top: 150px;
	left: 20px;
}

#contenido h2, #contenido1 h2 {
	font-family: 'Oswald';
	font-size: 46px;
	float: right;
	margin: 5px 80px 0 0;
}

#contenido2 h2 {
	font-family: 'Oswald';
	font-size: 36px;
	float: right;
	margin: -70px 80px 0 0;
}

#contenido2 #raya1 {
	position: absolute;
	margin: -90px 0 0 220px;
}

#contenido2 p {
	font-size: 16px;
	font-family: 'Decker';
	color: #000;
	text-align: justify;
	margin: 50px 0 0 0;
	font-weight: bold;
}

 #raya1 {
	position: absolute;
	margin: -70px 0 0 80px;
}

#contenido h3 {
	font-size: 26px;
	font-family: 'Decker';
	font-style: italic;
	color: #ffba00;
	text-shadow:0.05em 0.05em 0.05em #000;
	float: right;
	margin: 100px 80px 0 0;
}

#contenido h4 {
	font-size: 22px;
	font-family: 'Decker';
	font-style: italic;
	color: #707070;
	float: right;
	margin: 0px 80px 0 0;
}

#contenido1 h5 {
	font-size: 24px;
	font-family: 'Decker';
	font-style: italic;
	color: #ffba00;
	text-shadow:0.05em 0.05em 0.05em #000;
	float: right;
	margin: 70px 200px 0 0;
}


#contenido p {
	font-size: 16px;
	font-family: 'Decker';
	color: #000;
	float: right;
	width: 470px;
	margin: 70px 60px 0 0;
}

#contenido1 p {
	font-size: 16px;
	font-family: 'Decker';
	color: #6c6c6c;
	float: right;
	width: 470px;
	margin: 70px 140px 0 0;
	text-align: center;
}

#mano {
	position: absolute;
	 background-image: url('../images/mano_compania.png') ;
         background-repeat:no-repeat;
	background-position:center center;
	bottom: 0px;
	top: 220px;
	width: 100%;
	min-width: 1260px;
	height: 677px;
}

#desc_c p {
	text-align: center;
	margin: 10px 130px 0 0;
	color: #000;
}

#mapa {
	position: absolute;
	margin: 75px 0 0 40px;
	border: solid 2px;
}

#galeria {
	margin: 20px 0 0 0;
}

/*-------------FORMULARIO---------------------*/


#formulario {
	float: right;
	margin: -60px 150px 0 0;
}


#name, #email, #tel {
	width: 426px;
	height: 28px;
	margin-right: 7px;
	float: left;
	border: 0 solid #000;
	background-color: #000;
	padding: 0 4px 0 4px;
	color: #FFF;
	margin-bottom: 5px;
}

#msj {
	width: 426px;
	height: 120px;
	margin-right: 7px;
	float: left;
	border: 0 solid #000;
	background-color: #000;
	padding: 0 4px 0 4px;
	color: #FFF;
	margin-bottom: 5px;
}

#enviar {
	width: 68px;
	height: 28px;
	background-color: #000;
	float: right;
	margin-right: 6px;
}

/**--------------------------/


/*---------------FOOTER------------*/
	
#footer {
	width: 100%;
	height: 50px;
	margin-top:20px;
	background-image: url('../images/fondo_footer.png');
	color: #FFF;
	font-size: 14px;
	font-family: 'Decker';
	position: fixed;
}

#footer p {
	float: right;
	padding:10px 30px 0 0;
}

#footer img {
	/*float: right;*/
}

#facebook {
	position: absolute;
	top: 4px;
	right: 176px;
}

#twitter {
	position: absolute;
	top: 4px;
	right: 76px;
}

#logo_webcomercial {
	float: left;
	margin-left: 50px;
}