/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/							



article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {border: 0px; text-decoration: none; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

@font-face {
	font-family: 'gothic';
	src: url('fonts/gothic.eot');
	src: local('gothic'), url('fonts/gothic.woff') format('woff'), url('fonts/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_15972">Text with this font applied</p> */
.fontsforweb_fontid_15972 {
	font-family: 'gothic' !important;
}

/*********************************************************************************************************/


/**************GENERAL*******************/

@font-face{
	font-family:'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_15972">Text with this font applied</p> */
.fontsforweb_fontid_15972 {
	font-family: 'gothic' !important;
}

* {
  margin:0px;
  border: 0px;
 }
 
 html, body {
  height: 100%;
 }


 .wrapper {
  min-height: 100%;
  clear:both;
 }
 .wrapper img{
 	width: 100px;
 	border: 0px;
 }

body {
	background-color: #999;
	margin:0;
	font-size:14px;
	line-height:normal;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height: 650px;
    
}

.fondo1{
	margin: 0px;
    padding: 0px;
    background-image: url('../images/bg011.jpg');
    background-repeat: no-repeat;
    height: 650px;
    width: 100%;
    background-size: cover;
}


header {
	width:960px;
	height:133px;
	margin:auto;
	margin-top:0;
	background-color:#E8E2CE;
	
}


footer{
	margin:auto;
	height:150px;
	width:100%;
	font-size:11px;
	background-color:#000;
	opacity:0.9;
	position:absolute;
	margin-top:110px; /* ponga en negativo el alto de su pie de página para nuestro    ejemplo usamos 63, usted debe remplazarlo según su diseño   */
	clear:both;
}

.footeri{
	height:140px;
	width:100%;
	font-size:11px;
	background-color:#000;
	opacity:0.9;
	margin-top:10px; /* ponga en negativo el alto de su pie de página para nuestro    ejemplo usamos 63, usted debe remplazarlo según su diseño   */
	clear:both;
	position: absolute;
	margin-left:0px;
}

.footerpro{
	height:140px;
	width:100%;
	font-size:11px;
	background-color:#000;
	opacity:0.9;
	clear:both;
	position: absolute;
	margin-left:0px;
	margin-top:20px;
}
.footerclientes{
	height:140px;
	width:100%;
	font-size:11px;
	background-color:#000;
}

.footercontacto{
	height:140px;
	width:100%;
	font-size:11px;
	background-color:#000;
	opacity:0.9;
	clear:both;
	position: absolute;
	margin-left:0px;
	margin-top:130px;
}

.footercontacto1{
	height:140px;
	width:100%;
	font-size:11px;
	background-color:#000;
	opacity:0.9;
	clear:both;
	position: absolute;
	margin-left:0px;
	margin-top:105px;
}

.footerc{
	height:140px;
	width:100%;
	font-size:11px;
	background-color:#000;
	opacity:0.9;
	position:absolute;
	margin-top:20px; /* ponga en negativo el alto de su pie de página para nuestro    ejemplo usamos 63, usted debe remplazarlo según su diseño   */
	clear:both;
	margin-left:0px;
}

.wrapper{
  min-height: 100%;
  clear:both;
 }


#lineabajo{
	width:100%;
	height:10px;
	background-color:#333;
}


#nav{
    margin: 0 auto;
}

#nav ul li{
	display:inline-block;
	margin-right:18px;
	margin-top:54px;
	}
	
	
#nav ul li a{
	font-family:'gothic';
	font-size:14px;
	font-weight:;
	color:#737272;
	text-decoration:none;
	padding-left:20px;
	}
	
#nav ul li a.current{
	text-shadow:2px 2px 2px rgba(0,0,0,0.9);
	color:#fff;
}

#nav ul li a:hover{
	color:#fff;
	}

/*#nav{
    margin-top:15px;
    font-size: 1.2em ;
    background:#BCBCBC;
    text-align:center;
    font-family: Lato;
    height: 55px;
    width: 1024px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    z-index: 100;
    background: #d1d1d1; /* Old browsers */
 /*   background: #d1d1d1; /* Old browsers */
 /*   background: -moz-linear-gradient(top,  #d1d1d1 0%, #d1d1d1 100%); /* FF3.6+ */
 /*   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
 /*   background: -webkit-linear-gradient(top,  #d1d1d1 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
 /*   background: -o-linear-gradient(top,  #d1d1d1 0%,#d1d1d1 100%); /* Opera 11.10+ */
 /*   background: -ms-linear-gradient(top,  #d1d1d1 0%,#d1d1d1 100%); /* IE10+ */
 /*   background: linear-gradient(to bottom,  #d1d1d1 0%,#d1d1d1 100%); /* W3C */
 /*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */

/*   
}*/
.menu{
    display:inline-block;
    padding:0 50px;
    vertical-align:middle;
    text-align: center;
}
/**************GENERAL*******************/


/*************ID***************/


#menu1{
	width:600px;
	height:120px;
	background-color:#333;
	margin-top:250px;
	margin-left:160px;
	background-image:url(../images/menu.png);
    }

#menu{
	width:600px;
	height:120px;
    color:#fff;
	background-color:#333;
	margin: 0 auto;
	background-image:url(../images/menu.png);
    color:#fff;
}

#logo{
	width:300px;
	height:200px;
	margin-left:320px;
	float:left;
	margin-top:40px;
	background-image:url(../logotipo/logotipo.png);

}

#logo1{
	width:300px;
	height:200px;
	margin-left:-200px;
	float:left;
	margin-top:12px;
	background-image:url(../logotipo/logotipo.png);
    position: absolute;
}


#contenedor{
	margin:auto;
	width:960px;
	position:relative;
}

#info1{
	width:600px;
	height:450px;
	margin-top:10px;
    margin: 0 auto;
    margin-bottom:50px;
}

#info1 p{
    margin:10px;
	color:#fff;
	font-family: 'gothic' !important;
	font-size:12px;
	text-align:center;    
}

#contact{
}

#info0{
	width:600px;
	height:480px;
	background-color:#000;
	opacity:0.86;
	overflow-y:scroll;
    margin: 0 auto;
    margin-top:10px; 
}

#info0 p{
    margin:10px;
	color:#fff;
	font-family: 'gothic' !important;
	font-size:12px;
	text-align:left;
}
	
#info01{
	width:600px;
	height:480px;
	background-color:#000;
	opacity:0.86;
	overflow-y:scroll;
    margin: 0 auto;
    margin-top:10px;
}
	
#info1{
	width:600px;
	height:450px;
	margin-top:10px;
	background-color:#000;
	opacity:0.86;
    }
#cliente1{
	width:600px;
    height: 470px;
	background-color:#000;
	opacity:0.86;
    margin: 0 auto;
    margin-top:10px;
    }
.logos{
	width: 600px;
}

.logos img{
    width:40%;
    margin-top: 110px;
}

#info2{
	width:600px;
	height:380px;
	margin-left:160px;
	margin-top:10px;
    }

#tipografia2{
	width:540px;
	font-size:20px;
	padding-top:30px;
	padding-left:26px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
    }

#tipografia1{
	width:540px;
	font-size:20px;
	padding-top:60px;
	padding-left:26px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}
	
#tipografia3{
	font-size:20px;
	padding-top:20px;
	padding-left:26px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
    text-align: center;
}
.image{
    width: 130px;
    border-bottom:solid 1px #fff;
    margin: 0 auto;
    margin-bottom:10px;
    padding-bottom:10px;
}
h1{
	font-size:42px;
	font-weight:bold;
	margin-top:-5px;
    }
	
	
#redesociales{
	width:226px;
	height:30px;
	margin-left:600px;
	margin: 0 auto;
    }
#redesociales img{
	width: 30px;
}
#mapa{
	font-size:12px;
	margin-bottom:25px;
}
	
#tipografia002{
	font-size:12px;
	margin-bottom:25px;
	text-align:left;
    }

/*******class******************class*******************class***********/	
	




/*************ESPACIOS*****************/

.espacio{
	margin-bottom:330px;
	}
	
/*************ESPACIOS*****************/


/***************FIRMA****************/

.firma {
	width:auto;
	margin: -20px auto;
	padding: 0;
	text-align:center;
}
.firma img {
	opacity:0.4;
	filter: alpha(opacity=40);
	width: 60px;
	padding: 10px;
	/* For IE8 and earlier */
}
.firma img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
	/* For IE8 and earlier */
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}


/*****************FIRMA*******************/


/*******class******************class*******************class***********/	

/********CONTACTO********/

.forma{ width:500px;  padding:10px;  color:#fff; border:#d42136 1px solid; background:#d42136; vertical-align:middle; display:inline-block; margin:20px auto; font-family: 'gothic';}

/************Form styles start**************/
input,textarea,select {
	/*font-family: Arial,sans-serif;*/
}
input[type="text"],select, input[type="email"] {
	width:215px;
	height:18px;
	padding:5px 8px;
	/*font-size:1.0em;*/
	color:#000;
	background-color:#d5d5d5;
	border:#e5e5e4 solid 1px;
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}
input[type="text"]:hover,select:hover{
	background-color:#e4e4e4;
	opacity:0.7;
	/*transform -webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-ms-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg);
	*/
}
textarea {
	width:455px;
	height:80px;
	padding:5px 8px;
	margin-bottom:10px;
	/*font-size:1.0em;*/
	color:#000;
	background-color:#d5d5d5;
	border:#e5e5e4 solid 1px;
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}
textarea:hover {
	background-color:#e4e4e4;
	opacity:0.7;
	/*transform -webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-ms-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg);
	*/
}

input[type="text"]:focus {
	opacity: 0.7;
}
input[type="submit"] {
	padding:5px;
	line-height:1;
	color:#000;
	border:none;
	text-shadow:0 1px 1px rgba(255,255,255,0.85);
	
	/*box-shadow*/
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
	
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */

	
}
input[type="submit"]:hover {
	color:#000;
	cursor:pointer;
	text-shadow:0 1px 1px rgba(0,0,0,0.85);

	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}
textarea{ resize: none;}
.forma1{height:auto; width:240px; /*float:left;*/ margin:10px auto; display:inline-block; vertical-align:top; }

.forma2{height:auto; width:100%; /*float:left;*/ margin:10px auto; display:inline-block; vertical-align:top; }

.text-campo{
	margin-bottom:10px;
}

/******	FIN DE CONTACTO*******/