8112 074 7154 /*
	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*******************/

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

}


header {
	width:1235px;
	height:150;
	margin:0;
	margin-top:0;

/*	border:1px solid #F00;*/
	 
}

.redes{ float:left; margin:-33px 0 0 0;}
.redes img{ margin:0 6px 0 0; }
.redes img:hover{ padding:0 3px; width:27px; height:27px; }


#barra { width:1235px;
          height:2px;
		  margin:100px 0 0 0;
		  background:#000;
		  
}




#barra2 { width:1235px;
          height:1px;
		  margin:110px 0 0 0;
		  background: #DDD;
		  
}


#barra-inferior { width:1235px;
                  height:10px;
		          margin:auto;
				  margin:0;
		          background: #CCC;
				  
				  
		  
}

#ancho-fijo { width:1235px;
              margin:auto;
			  
			  alignment-adjust:central;
             
			  
			  
}



#contenedor1{ width:940px;
              height:auto;
			  margin:15px 0;
			  
			
			  
			  
			  
}


#contenedor-contacto{ width:auto; 
                      float:left;
					  height:auto;
					  margin:5px 0; 
					  margin-bottom:60px;
}
					  

#jaimejose{ font-family:"Century Gothic";
            font-size:50px;
		
			margin:20px 0; 
			floar:left;
			
				

}


#contacto1 { font-size:18px; font-family:"Century Gothic"; text-align:left; 
	
	
	}


.cuadros { width:auto;
           height:auto;
		   text-align:center;
		   font-family: "Century Gothic";
		   alignment-adjust:central;
		   margin:40px 0  0 20px;
		   
		   display:inline-block;
		 
		   font-weight:bold;
		   font-size:50px;
		   text-decoration:none;  
		   
	 }
	 
	 .cuadros p{
		 font-size:25px; }
	 
.obras {
	width:960px;
	height:auto;
	
	
	
	
		}
		
		.obras img{
			height:130px;
			width:auto;
			
			}
			
	
			
		
		.obras img:hover{
			
						}

	.obras a{
			text-decoration:none;
	}

#cuadro1 { width:150px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		   
		   margin:0 15px 15px 0;
		   text-decoration:none;
		   color:#000;
		   display:inline-block;
		   vertical-align:top;
		   
		 
		  }



		  
#cuadro1:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}
		  
#cuadro2 { width:220px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		   background:#000;
		   color:#FFF;
		   
		     margin:0 15px 15px 0;
			 display:inline-block;
		   vertical-align:top;		 
		  }
		  
#cuadro2:hover{ background:#999; border:#999 solid 3px; font-size:48px; 
webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}  			  
		  
#cuadro3 { width:220px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		   background:#FFF;
		    color: #000;
		 
		     margin:0 15px 15px 0;
			 color:#000;
			 display:inline-block;
		   vertical-align:top;
		 
		  }		
		  
		  
		    
		   

		  
#cuadro3:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}  		  


#cuadro4 { width:150px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		  
		    margin:0 15px 15px 0;
			color:#000;
			display:inline-block;
		   vertical-align:top;
		
		
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro4:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}   	
		  
		  
		  
		  
#cuadro5 { width:150px;
           height:auto;
		   padding:30px 0;
		  
		  
		   margin:0 15px 15px 0;
		   
		   border:#000 solid 3px;
		 
					color:#000;
					display:inline-block;
		   vertical-align:top;
		   
		 
		  }
	
	
		  
		  		 
		 
		   #cuadro5:hover{ color:#999; border:#999 solid 3px; font-size:48px;
		    webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}   	
		  
		  
#cuadro6 { width:150px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		  background:#FFF;
		    color: #000;
		   
		     margin:0 15px 15px 0;		 
					color:#000;
					display:inline-block;
		   vertical-align:top;
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro6:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}  	
		  
		  
		  
#cuadro7 { width:220px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		   background:#000;
		    color:#FFF;
		  
		     margin:0 15px 15px 0;
			 display:inline-block;
		   vertical-align:top;
		 
		  }		  		  


#cuadro7:hover{ background:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}  	



#cuadro8 { width:150px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		  
		    margin:0 15px 15px 0;
		   
		 
		  			color:#000;
					display:inline-block;
		   vertical-align:top;
					
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro8:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}

#cuadro8-1 { width:220px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		  
		    margin:0 15px 15px 0;
		   
		 
		  			color:#000;
					display:inline-block;
		   vertical-align:top;
					
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro8-1:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}

#cuadro8-2 { width:220px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		   background:#000;
		    color:#FFF;
		  
		     margin:0 15px 15px 0;
			 display:inline-block;
		   vertical-align:top;
		 
		  }		  		  


#cuadro8-2:hover{ background:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}  	


#cuadro8none { 
	display:none;
	width:150px;
           height:auto;
		   padding:30px 0;
		   border:#fff solid 0px;
		  
		    margin:0 15px 15px 0;
		   
		 
		  			color:#000;
					display:inline-block;
		   vertical-align:top;
					
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro8none:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}


#cuadro9 { width:220px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		  
		    margin:0 15px 15px 0;
		   
		 
		  			background:#000;
		    color:#FFF;
					display:inline-block;
		   vertical-align:top;
					
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro9:hover{ background:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}

#cuadro9-1 { width: 150px;
    height: auto;
    padding: 30px 0;
    border: #000 solid 3px;
    margin: 0 15px 15px 0;
    color: #000;
    display: inline-block;
    vertical-align: top;
					
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro9-1:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}
		  	  
#cuadro10 { width:150px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		  background:#FFF;
		    color: #000;
		   
		     margin:0 15px 15px 0;		 
					color:#000;
					display:inline-block;
		   vertical-align:top;
		 
		  }		  		  


#cuadro10:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;} 
				  
}

#cuadro20{ width:220px;
           height:auto;
		   padding:30px 0;
		   border:#000 solid 3px;
		  background:#FFF;
		    color: #000;
		   
		     margin:0 15px 15px 0;		 
					color:#000;
					display:inline-block;
		   vertical-align:top;
		   
		 
		  }
		  
		  		 
		 
		   

		  
#cuadro20:hover{ color:#999; border:#999 solid 3px; font-size:48px;
 webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;} 	
		  	  


.contenedor-iconos img{ margin-left:10px;}

.contenedor-iconos img:hover{ padding-bottom:5px;}



footer{
	margin:auto;

	height:15px;
	width:100%;
	background:#CCC;
	position: relative;
	margin: 180px 0 0 0;
  
	

}
	




nav{
	float:left;
	width:1235px;
	margin:60px 0 0 20px;
	border-bottom: #000;
	alignment-adjust:central;


	
	
	}

nav li{
	color:#b0b0b0;
	font-size:17px;

	display:inline-block;
	
	font-family: "Century Gothic";
	

	margin:auto;
	float:left;

	font-weight:lighter;
	
}
	
	
nav li{
	text-decoration:none;
	color:#b0b0b0;

	
	padding: 0 50px;
	height:110px; 

	
	
	
	}

nav li:hover{ color:#000;
                 background:url(images/mancha1.png) no-repeat left;
				 margin-top:-10px;
				 font-weight:500;
				 		    webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, margin;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
transition-property: color, background;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;}  
				 

	.active{ color:#000;
                 background:url(images/mancha1.png) no-repeat left;
				 margin-top:-10px;
				 font-weight:500;
				 		    }  
				 
	
	
.forma{ height:auto; width:720px; margin:360px 0 -20px 0; text-align:left;}	
	
/**************GENERAL*******************/





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


#logo{
	width:250px;
	height:57px;
	margin:-60px 0;
	float:right;
	
	background-image:url(images/logo.png);
}


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



#espanol{ width:440px;
          height:auto;
		  float:left;
		  margin:0;
		  margin:50px 0;
		  text-align:justify;
		  font-family:"Century Gothic";
		  padding-right:20px;
		  border-right:#b0b0b0 2px solid;
		

		
		  
		  
}

#espanol a{ font-size:23px; }

            





#ingles{ width:440px;
          height:auto;
		  float:right;
		  margin:0;
		  margin:50px 20px 50px 0;
		  text-align:justify;
		  font-family:"Century Gothic";
		 
		
		  
		  
}

#ingles a{ font-size:23px;
            

}



#espanol1{ width:440px;
          height:auto;
		  float:left;
		  margin:0;
		  margin:50px 0 10px 0;
		  text-align:justify;
		  font-family:"Century Gothic";
		  padding-right:20px;
		  
		
		

		
		  
		  
}

#espanol1 a{ font-size:23px;
            

}



#ingles1{ width:440px;
          height:auto;
		  float:right;
		  margin:0;
		  margin:50px 20px 50px 0;
		  text-align:justify;
		  font-family:"Century Gothic";
		 
		
		  
		  
}

#ingles1 a{ font-size:23px;
            

}



#espanol2{ width:440px;
          height:auto;
		  float:right;
		  margin:auto;
		  margin:60px 0 0 0;
		  
		  
		  text-align:justify;
		  font-family:"Century Gothic";
		  padding-right:25px;
		 
		

		
		  
		  
}

#espanol2 a{ font-size:23px;
            

}

#espanol3{ width:440px;
          height:auto;
		  float:right;
		  margin:-25px 0 0 0;
		  
		  
		  
		  
		  padding-right:25px;
		 
		
		  
		  
}



#espanol4{ width:440px;
          height:auto;
		  float:right;
		  margin:0;
		  
		  
		  
		  
		  padding-right:25px;
		 
		
		  
		  
}
#espanol5{ width:900px;
          height:auto;
		  float:left;
		  margin:20px 0;
		  text-align:justify;
		  
		  
		  
		  
		
		 
		
		  }
		  
#espanol5 a{ font-size:23px; /*background:rgba(0,0,0,0.1);*/ padding:0px 790px 10px 0px;
            

}		  


#ingles2{ width:440px;
          height:auto;
		  float:left;
		  margin:0;
		 margin:15px 20px 0 0;
		  text-align:justify;
		  font-family:"Century Gothic";
		 
		
		  
		  
}

#ingles2 a{ font-size:23px;
            

}



#ingles3{ width:930px;
          height:auto;
		  float:left;
		  margin:0;
		 
		  text-align:justify;
		  font-family:"Century Gothic";
		 
		  
		  
		 
		
}

#ingles3 a{ font-size:23px;
            

}

.contenedor-texto{ width:960px;
                   
                   height:400px;
				   margin:10px 0 0 0;
				   alignment-adjust:central;
				   overflow-y:scroll; 

				
		
				   
}


.contenedor-texto1{ width:960px;
                   
                   height:650px;
				   margin:10px 0 0 0;
				   alignment-adjust:central;
				   overflow-y:scroll; 

				
		
				   
}
				
/*******class******************class*******************class***********/	
	




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

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


/***************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: 615px; height:auto; margin: 0 auto; margin-top:20px; margin-bottom:35px;float:left;}

/************Form styles start**************/
input,textarea,select {
	font-family: Arial,sans-serif;
}
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:500px;
	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;
}