/*
	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 {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; }

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


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

.bg {margin:0;
	width:100%;
	background-image: url(images/bg.jpg);
	background-repeat:repeat;}


header {
	width:100%;
	height:100px;
	margin:auto;
	margin-top:0;
	background-image:url(images/bg-header.png);
	background-repeat:repeat-x;
	}

header img{
	float:left;
	margin-top:30px;
	margin-left:20px;
	}





nav{
	float:right;
	width: auto;}

nav ul li{
	color:#3d2e30;
	font-size:18px;
	font-weight:bold;
	font-family: 'Pathway Gothic One', sans-serif;
	text-align:center;
	display:inline-block;
	margin:25px 0 0 15px;}
	
	
nav ul li a{
	text-decoration:none;
	color:#3d2e30;
	padding:45px 10px 45px 10px;}

nav ul li a:hover{
	background-color:#fc8b64;
	}
/**************GENERAL*******************/


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


#logo{
	width:316px;
	height:88px;
	float:left;
	background-image:url(images/logo.png);
	margin:6px 0 0 0;
}


#txt{
	width:35%;
	height:auto;
	color:#FFF;
	margin-left:30px;
	text-align:justify;
	font-weight:bold;
	background:rgba(0,0,0,0.5);
	padding:5px;
	}

#contenedor{
/*	border:1px solid #F00;*/
	margin:auto;
	width:960px;
	height:auto;
	padding:auto;
	}
	
	
#contenido{
	margin:auto;
	width:1020px;
	height:auto;
	padding:auto;
	}



#linea{
	background-image:url(images/linea.jpg);
	background-repeat:repeat-x;
	height:3px;
	width:960px;
	margin:auto;
	}

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

.bg-bco{ background-color:#FFF;
          height:280px;
		  float:left;
		  width:100%;
		  		   
		  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.75);
 margin:0 0 10px 0;}


.btn-des{ float: left;
          width:190px;
		  height: 50px;
		  margin:15px;
		  }

.btn-sig{ float:right;
           width:266px;
		   height:42px;
		   margin:15px;}

.conte-imgind{ float:left;
               width:100%;
			   margin:0 auto;}

.conte-imgind img {width: 221px;
	               height: 165px;
				   margin:0 3px 0 0;
	               border: 6px solid #fff; /* stroke */
	               -moz-box-shadow: 0 0 9px rgba(0,0,0,.33); /* outer glow */
	               -webkit-box-shadow: 0 0 9px rgba(0,0,0,.33); /* outer glow */
	               box-shadow: 0 0 9px rgba(0,0,0,.33); /* outer glow */}


/*productos*/


.pro{ width:100%;
      margin:0 0 0 0;
	  float:left;}



.pro-img {	width: 213px;
	height: 138px;
	border: 2px solid #fff; /* stroke */
	background-color: #efefef; /* layer fill content */
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.47); /* drop shadow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.47); /* drop shadow */
	box-shadow: 0 0 5px rgba(0,0,0,.47); /* drop shadow */
	float:left;
	margin: 25px 50px;
	text-align:center;}


.pro-img img{ margin: 45px auto; }
            

















/***************FOOTER****************/

footer {
	margin:auto;
	height: auto;
	width:100%;
	float:left;}
	
.ubi{ float:left;
       margin:0;
	    width:auto;
		height:42px;
		/*background-image:url(images/ubic.png);
		background-repeat:no-repeat;
		background-position:left;
		padding:0 0 0 25px;*/
		
		color: #3b2d2f; /* text color */
	    font-family:'Pathway Gothic One', sans-serif;
	    font-size: 22px;
	    text-align:left;}	
		
		
.ubi a { text-decoration:none;
         color: #3b2d2f; /* text color */} 	
.ubi a:hover{ color:#666;}		 	
		
		
.tel{ float:right;
      margin:0;
	  width:auto;
	  height:42px;
	  color: #3b2d2f; /* text color */
	  font-family:'Pathway Gothic One', sans-serif;
	  font-size: 22px;
	  text-align: right;
	
	
	  background-image:url(images/tel.png);
	  background-repeat:no-repeat;
	  background-position:right;
	  padding:0 25px 0 0;}

/*secciones*/

h1{	font-size:45px;
	margin-left:30px;
	padding-left:35px;
	width:100%;
	float:left;
	font-weight:bolder;	
	color: #3d2d2f; /* text color */
	font-family: "Pathway Gothic One";
	background-image:url(images/bullet.png);
	background-position:left;
	background-repeat:no-repeat;}

h2{	font-size:22px;
	float:left;
	font-weight:bolder;	
	color: #fa8c66; /* text color */
	font-family: "Pathway Gothic One";
	width:100%;
	float:left;
	margin:15px 0 ;}
	
h2 strong {  color: #3d2d2f; /* text color */
             font-size:24px; }		

.txt-inter{font-size:18px;
	       float:left;
	       color: #3d2d2f; /* text color */
	       font-family: "Pathway Gothic One";
		   text-align:left;
		   width:900px;
		   margin:0 0 0 0 ;
		   padding:10px; }

.txt-inter em { color:#333; font-weight:bold; font-size:18px; }


.txt-inter ul{ width:250px;
               float:left;
			   margin:0; 
			   list-style:none;
			   }

.txt-inter ul li{ float:left;
                  background-image: url(images/bullet2.png);
				  background-repeat:no-repeat;
				  background-position:left;
				  padding-left:18px; 
				  width:250px;
				  margin: 5px auto;}


.cont-der{ float:left;
           width:530px;
		   margin:0;
		   
		   font-size:18px;
		   text-align:left;
	       color: #3d2d2f; /* text color */
	       font-family: "Pathway Gothic One";
		   text-align:left;}









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

.firma {
	width:auto;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
.firma img {
	opacity:0.4;
	filter: alpha(opacity=40);
	/* 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********/
#econt{ width: 400px; height:auto; margin: 0 auto; margin-top:20px; margin-bottom:35px;float:left;}

/************Form styles start**************/
input,textarea,select {
	font-family: Arial,sans-serif;
}


label{font-size:18px;
	       color: #3d2d2f; /* text color */
	       font-family: "Pathway Gothic One";
		   text-align: left;
		   width: auto;
		   margin:0 0 0 0 ;
		   padding:10px;}



input[type="text"],select {
	width:215px;
	height:18px;
	padding:5px 8px;
	font-size:1.0em;
	color:#000;
	background-color:#c2c2c2;
	border:#c2c2c2 solid 1px;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/*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:#f1f1f1;
	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:300px;
	height:140px;
	padding:5px 8px;
	margin-bottom:10px;
	font-size:1.0em;
	color:#000;
	background-color:#c2c2c2;
	border:#c2c2c2 solid 1px;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}

input[type="text"]:focus {
	opacity: 0.7;
}
input[type="submit"] {
	padding:0 5px;
	font-weight:bold;
	line-height:1;
	color:#444;
	border:none;
	text-shadow:0 1px 1px rgba(255,255,255,0.85);
	background-color:#fff;
	/*border-radius*/
	-webkit-border-radius:23px;
	-moz-border-radius:23px;
	border-radius:23px;
	/*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-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#c3c3c3),to(#fff));
	background-image:-moz-linear-gradient(0% 100% 90deg,#fff,#c3c3c3);
}
input[type="submit"]:hover {
	color:#1a75ce;
	cursor:pointer;
	text-shadow:0 1px 1px rgba(0,0,0,0.85);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#c3c3c3));
	background-image:-moz-linear-gradient(0% 100% 90deg,#c3c3c3,#fff);
	background-color:#fff;
}