/* --- reset de los estilos de los navegadores ---*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
 
/* --- Fin de reset de los sstilos de los navegadores ---*/


/* --- comienzo de los estilos de la estructura ---*/
body.contenedor-general {
	background-image: url("imagenes/suelo.png");
    background-repeat:no-repeat;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin:  auto;
    position: relative;
    width: 1023px;
}

body.cont-equipamiento{
	background:rgba(240, 192, 92, 0.5);
    /*background-image: url("imagenes/suelo.png");*/
	background-repeat:no-repeat;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    width: 1023px;
}

header, nav, section, article, footer {
  display: block;
}
header{
    height: 360px;
    position: relative;
}
#sombra-contenido {
    background: url("imagenes/conten-bg.png") repeat scroll 0 0 transparent;
    display: block;
    overflow: hidden;
    padding: 1px 30px;
    width: 962px;
}


#caja0
{
	/*background: #99cc99;*/
	background: #CD3A0C;
    
    border: 1px solid #ba1706;
	border-radius: 0.5em;
	margin: 1em auto;
	padding: 0.5em 0;
	vertical-align: top;
	width: 100%;
}

#caja0 article
{
/*#fe7021 2%, #fcb088 21%, #fe7021 41%, #e95617 65%, #d0380c */
	background: #fe7021;
	/*background: rgba(0,0,0,0.7);*/
	border-radius: 0.5em;
	color: #ffffff;
	display: inline-block;
	
    margin: 0 4% ;
	min-height: 50px;
	padding: 0.5em;
	
	/*text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;*/
    text-align: left;
	vertical-align: top;
	width: 90%;
}


#caja0 article:hover
{
	/*background: #AAA;
	 transform:  rotate(4deg) translateX(10px);
	-webkit-transform:  rotate(4deg) translateX(10px); */
	
}

#caja2
{
	/*background: #99cc99;#CD3A0C*/
	
	
	background: #100F0F;
    border: 1px solid #ba1706;
	border-radius: 0.5em;
    float: left;
	margin: 10px 30px 10px 10px;
	padding: 10px 20px 20px 10px ;
	vertical-align: top;
	display: inline-block;
	width: 60%;
}

#caja2 article
{
/*#fe7021 2%, #fcb088 21%, #fe7021 41%, #e95617 65%, #d0380c */
	background: #fe7021;
	/*background: rgba(0,0,0,0.7);*/
	border-radius: 0.5em;
	color: #ffffff;
	display: inline-block;
	margin: auto;
	/*min-height: 40px;*/
	padding: 0.5em;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    text-align:  left;
	
	/*transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;*/
	
	width: 85%;
}


#caja2 article:hover
{
	background: rgba(0,0,0,0.5);
    
    	 /*transform:  rotate(4deg) translateX(10px);
     -webkit-transform:  rotate(4deg) translateX(10px); */
    
	
}


#caja2 article a
{

text-decoration: none;
color: #ffffff;
}



#face{
    float: right;
    display: inline-block;
	padding: 2% 2% 2% 2%;
    position: relative;
    right: 70px;
	
}
#face.image{
    
    display: inline-block;
	
}

h1 {
    
    font-size: 18px;
    text-align: center;
    text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    vertical-align: middle;
    
}

h2 {
    
    font-size: 14px;
    font-weight:bold;
    text-align: left;
	/*vertical-align: middle;*/
 
}



section.articulos {
    background:rgba(225, 192, 92, 0.5);
    display: block;
    float: right;
	vertical-align:  top;
    width: 70%;
   
}
section.articulosface{
    /*background:rgba(225, 192, 92, 0.5);*/
    display: inline-block;
    float: left;
    vertical-align:  top;
    width: 100%;
}
aside {
    background:rgba(225, 192, 92, 0.5);
    /*background-color: #fe7021;*/
    float: left;
    width: 30%;
    
    
}
footer {
    background: none repeat scroll 0 0 #FAFAFA;
    border-top: 6px solid #CCCCCC;
    color: #333;
    clear: both;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    padding: 10px;
    text-align:  center;
    text-transform: none;
    
  
}


footer a{
    
    text-decoration: none;
}
 /* -- fin de los estilos de la estructura -- */

/* -- comienzo de los estilos de el contenido del header-- */
figure.logo {
    position: absolute;
    top: 5px;
    left:0.5px;
    float: left;
}
figure.logo figcaption h1 {
    font-size: 21px;
    color: #fff;
    text-shadow: 1px 1px 2px #666;
    text-transform: uppercase;
    font-size: 25px ;
	
}
.redes {
    position: relative;
    top: 5px;
    right: 20px;
    float: right;
}
.redes img {
    margin: 5px;
    float:left;
    
}
 /* -- fin de los estilos del header -- */

 /* -- comienzo de los estilos de la navegacion -- */


nav {
    border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background-image: url(imagenes/menu-barr.png);
		background: #fe7021; /*Old browsers */
		background: -moz-linear-gradient(top,  #fe7021 2%, #fcb088 21%, #fe7021 41%, #e95617 65%, #d0380c 95%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fe7021), color-stop(21%,#fcb088), color-stop(41%,#fe7021), color-stop(65%,#e95617), color-stop(95%,#d0380c)); 
		background: -webkit-linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* Chrome10+,Safari5.1+*/
		background: -o-linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* IE10+ */
		background: linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7021', endColorstr='#d0380c',GradientType=0 ); /* IE6-9 */
    height: 46px;
    margin: 0;
    display: block;
	
}
nav li {
    float: left;
    display: block;
    margin: 5px;
}
nav li a {
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    
    line-height: 37px;
    padding: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
nav li a:hover {
    background-color: #CD3A0C;
    border: 1px solid #ba1706;
}


/* -- fin de los estilos de la navegacion -- */

/* -- comienzo de el articulo o el post -- */
article.post {
    margin: 0;
    /*border-bottom: 1px solid #ccc;*/
    padding-bottom: 0;
    /*border-top: 1px solid #aaa;*/
    padding-top: 5%;
    overflow: hidden;
}
article.post figure {
    float: left;
    margin: 10px 10px 0 0;
    width: 630px;
    position: relative;
}
article.post a img {
    border: 8px solid #ccc;
}
article.post a:hover img {
    border: 8px solid #de4912;
}
article.post h2 {
    font-family: Arial, Helvetica, sans-serif;
}
article.post.h2 a {
    color: #888888;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin: 5px;
    text-decoration: none;
}
article.post .meta {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
article.post p.meta {
    display: block;
    background: #fafafa;
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 2px 2px #ccc;
}
article.post p.meta a {
    color: #888;
    text-decoration: none;
    font-style: italic;
}
article.post p.meta a:hover {
    color: #DE4912;
}
article.post p {
    float: left;
    width: 410px;
}
article.post div.leermas {
    float: left;
    margin: 23px 1px 0;
}
article.post div.leermas a{
    color: white;
    text-decoration:none;
    font-style:italic;
    background: none repeat scroll 0 0 #ccc;
    border-radius: 10px 10px 10px 10px;
    margin: 5px 0;
    padding: 10px;
}


a{
	/*color: white;*/
    text-decoration:none;
    font-style:regular;
	
	
}
 


article.post div.leermas a:hover {
    background: none repeat scroll 0 0 #DE4912;
}
/* -- fin del articulo de introduccion -- */

/* -- comienzo de la barra latera o aside -- */
aside h3 {
    background-image: url(imagenes/menu-barr.png);
background: -moz-linear-gradient(top,  #fe7021 2%, #fcb088 21%, #fe7021 41%, #e95617 65%, #d0380c 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fe7021), color-stop(21%,#fcb088), color-stop(41%,#fe7021), color-stop(65%,#e95617), color-stop(95%,#d0380c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* IE10+ */
background: linear-gradient(top,  #fe7021 2%,#fcb088 21%,#fe7021 41%,#e95617 65%,#d0380c 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7021', endColorstr='#d0380c',GradientType=0 ); /* IE6-9 */
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin: -15px 0 15px 0;
    padding: 10px;
    text-align: center;
}

section.contenedor{
    background:rgba(225, 192, 92, 0.5);
    /*background: rgba(1,0,0,.5);*/ 
    display:inline-block;
    float: left;
    margin:0 auto;
    position: relative;
    width: 100%;
    
}


aside div.bloques-aside {
    
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 10px;
    /*margin:20px 5px 22px 27px;*/
    margin:  20px 5px 21.5px 27px;
	padding: 10px 0;
}



aside div.bloques-aside2 {
    
    border: 1px solid #ccc;
    /*background:rgba(225, 192, 92, 0.5);*/
	/*background:   #FFcc00 #fe7021*/;
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    color: #ffffff;
	
    
    padding: 20px 5px 10px 5px;
	text-align: justify;
    margin:  25px 25px 25px 25px;
}


aside li.publicidad {
    width: 152px;
    display: block;
    float: left;
    background: none !important;
    margin: 3px;
}
 
aside ul {
    overflow: hidden;
}
aside ul.categoria li a {
    text-decoration: none;
    font-size: 16px;
    color: #666;
}
aside ul.categoria li a:hover {
    color: #DE4912;
}
 
aside ul.categoria li {
    margin: 10px 30px;
    padding: 0 10px 5px 0;
    border-bottom: 1px dotted #555;
}
.searchform {
    background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 3px 5px;
    margin: 0 25px;
}
.searchform input {
    font: 12px/100% Arial,Helvetica,sans-serif;
}
.searchform .searchfield {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BCBBBB;
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    outline: medium none;
    padding: 6px 6px 6px 8px;
    width: 202px;
}
.searchform .searchbutton {
    background: -moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;
    border: 1px solid #494949;
    border-radius: 2em 2em 2em 2em;
    color: #FFFFFF;
    font-size: 11px;
    height: 27px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    width: 27px;
}
aside div.bloques-aside p.info {
    margin: 10px;
}
div.bloques-aside p.info img {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
	width: 160px;
    height: 42px;
    float: left;
    margin: 5px 10px;
}
/* -- fin de la barra latera o aside -- */

/* -- contenido del footer -- */
nav.footer li a {
    color: #333;
    font-weight: normal;
    line-height: 20px;
    padding: 10px;
    font-size: 13px;
    text-transform: none;
}
nav.footer {
    background: none repeat scroll 0 0 #CCCCCC;
    height: 30px;
    margin: 0 0 5px;
    padding:0 15%;
}
nav.footer li a:hover{
     background:none;
     border: none;
     color: #CD3A0C;
}
/* -- fin del contenido del footer -- */


/* -- comienzo estilos cajas animadas - */

.container{
	width:1023px;
	
	margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
	z-index:-1;
}
.homeBox {
	position: relative;
    display: inline-block;
	
	
}



.homeBox .cajaN {
	text-align: center;
	overflow: hidden;
    background: #FFcc00;
	/*background-image: linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #fe7021) );*/
	border: 1px solid #E1E1E1; 
    border-radius: 0.5em;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 50%;
	/*width: 50%;*/
	margin-left: 25%;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
	padding: 10px 15px 15px 10px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	
}


.cajaN{
    display:inline-block; 
	position: relative;
	margin: 4px 4px 4px 4px;
}
	
	
	
.homeBox .cajaN div {
	padding: 5px 5px 5px 5px;
    -moz-transition: background ease-in 0.3s;
	-webkit-transition: background ease-in 0.3s;
	-otransition: background ease-in 0.3s;
	transition: background ease-in .3s;
    transition: 1.5s ease;
 	-moz-transition: 1.5s ease; /* Firefox */
 	-webkit-transition: 1.5s ease; /* Chrome - Safari */
 	-o-transition: 1.5s ease; /* Opera */
    
}
.homeBox .cajaN:hover{
	/*background:#252525;*/
   /*  transform : scale(1.5);
    -moz-transform : scale(1.5); /* Firefox */
	/*-webkit-transform : scale(1.5); /* Chrome - Safari */
	/*-o-transform : scale(1.5); /* Opera */
	/*-ms-transform : scale(1.5); /* IE9 */ 
}
.homeBox .cajaN .imagen {
	/*-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;*/
	width: 640px;
	height: 480px;
}
.homeBox .cajaN:hover .imagen {
	position: relative;
	-webkit-animation: animacion-desde-arriba 350ms ease;
	-moz-animation: animacion-desde-arriba 350ms ease;
	-ms-animation: animacion-desde-arriba 350ms ease;*/
}
.homeBox .cajaN h2 {
	color:  #4B4A4A;
	font-family: trebuchet ms;
    letter-spacing: -1px;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .cajaN:hover h2 {
	position: relative;
	/*color:#EAEAEA;*/
	/*-webkit-animation: animacion-desde-arriba 200ms ease;
	-moz-animation: animacion-desde-arriba 200ms ease;
	-ms-animation: animacion-desde-arriba 200ms ease;*/
}
.homeBox .cajaN .descripcion {
	color: #4B4A4A;
	font-family: Times New Roman;
	margin: 0 0 10px 0;
	/*-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;*/
}
.homeBox .cajaN:hover .descripcion {
	position: relative;
	/*color:#EAEAEA;*/
	/*-webkit-animation:animacion-desde-abajo 500ms ease-in-out;
	-moz-animation: animacion-desde-abajo 500ms ease-in-out;
	-ms-animation: animacion-desde-abajo 500ms ease-in-out;*/
}

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

.homeBox .caja1 {
	text-align: center;
	overflow: hidden;
    background: #FFcc00;
	/*background-image: linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #fe7021) );*/
	border: 1px solid #E1E1E1; 
    border-radius: 0.5em;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 350px;
	width: 200px;
	margin-left: 18px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 20px;
	padding: 10px 15px 15px 10px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.caja1{
    display:inline-block; 
	position: relative;
	margin: 4px 4px 4px 4px;
}
	
	
	
.homeBox .caja1 div {
	padding: 5px 5px 5px 5px;
    -moz-transition: background ease-in 0.3s;
	-webkit-transition: background ease-in 0.3s;
	-otransition: background ease-in 0.3s;
	transition: background ease-in .3s;
    transition: 1.5s ease;
 	-moz-transition: 1.5s ease; /* Firefox */
 	-webkit-transition: 1.5s ease; /* Chrome - Safari */
 	-o-transition: 1.5s ease; /* Opera */
    
}
.homeBox .caja1:hover{
	/*background:#252525;*/
    transform : scale(1.5);
    -moz-transform : scale(1.5); /* Firefox */
	-webkit-transform : scale(1.5); /* Chrome - Safari */
	-o-transform : scale(1.5); /* Opera */
	-ms-transform : scale(1.5); /* IE9 */
}
.homeBox .caja1 .imagen {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .caja1:hover .imagen {
	position: relative;
	-webkit-animation: animacion-desde-arriba 350ms ease;
	-moz-animation: animacion-desde-arriba 350ms ease;
	-ms-animation: animacion-desde-arriba 350ms ease;
}
.homeBox .caja1 h2 {
	color:  #4B4A4A;
	font-family: trebuchet ms;
    letter-spacing: -1px;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .caja1:hover h2 {
	position: relative;
	/*color:#EAEAEA;*/
	-webkit-animation: animacion-desde-arriba 200ms ease;
	-moz-animation: animacion-desde-arriba 200ms ease;
	-ms-animation: animacion-desde-arriba 200ms ease;
}
.homeBox .caja1 .descripcion {
	color: #4B4A4A;
	font-family: Times New Roman;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .caja1:hover .descripcion {
	position: relative;
	/*color:#EAEAEA;*/
	-webkit-animation:animacion-desde-abajo 500ms ease-in-out;
	-moz-animation: animacion-desde-abajo 500ms ease-in-out;
	-ms-animation: animacion-desde-abajo 500ms ease-in-out;
}




.homeBox1 {
	display: inline-block;
	margin-left:8%;
	margin-right:auto;
	
}


.homeBox1 .caja2 {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #fe7021 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #fe7021) );
	border: 1px solid #E1E1E1;
    border-radius: 0.5em;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 261px;
	width: 228px;
	/* margin-right: 18px;
    margin-bottom: 20px; */
	
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.caja2{
	position: relative;
	margin: 0;
	margin-right: 0;
	float: right;
}
.homeBox1 .caja2 div {
	padding: 5px 5px 5px 5px;
	-moz-transition: background ease-in 0.3s;
	-webkit-transition: background ease-in 0.3s;
	-otransition: background ease-in 0.3s;
	transition: background ease-in .3s;
}
.homeBox1 .caja2:hover{
	background:#252525;
}
.homeBox1 .caja2 .imagen {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox1 .caja2:hover .imagen {
	position: relative;
	-webkit-animation: animacion-desde-arriba 350ms ease;
	-moz-animation: animacion-desde-arriba 350ms ease;
	-ms-animation: animacion-desde-arriba 350ms ease;
}
.homeBox1 .caja2 h2 {
	color:  #4B4A4A;
	font-family: trebuchet ms;
    letter-spacing: -1px;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox1 .caja2:hover h2 {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: animacion-desde-arriba 200ms ease;
	-moz-animation: animacion-desde-arriba 200ms ease;
	-ms-animation: animacion-desde-arriba 200ms ease;
}
.homeBox1 .caja2 .descripcion {
	color: #4B4A4A;
	font-family: Times New Roman;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox1 .caja2:hover .descripcion {
	position: relative;
	color:#EAEAEA;
	-webkit-animation:animacion-desde-abajo 500ms ease-in-out;
	-moz-animation: animacion-desde-abajo 500ms ease-in-out;
	-ms-animation: animacion-desde-abajo 500ms ease-in-out;
}


@-webkit-keyframes animacion-desde-arriba {
    from {
        top: -600px;
    }
    to {
      	top: auto;
    }

}

@-moz-keyframes animacion-desde-arriba {

    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }

}

@-ms-keyframes animacion-desde-arriba {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



@-webkit-keyframes animacion-desde-abajo{
    from {
        bottom: -400px;
    }
    to {
       	top: auto;
    }
}

@-moz-keyframes animacion-desde-abajo {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes animacion-desde-abajo{
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
div.leermas a {
    background: #ccc;
    font-family: trebuchet ms;
    letter-spacing: -1px;
    padding: 7px;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}
div.leermas a:hover {
    color: #333333;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.7) inset;
}

h2.titulo {
    background: none repeat scroll 0 0 rgba(130, 130, 130, 0.6);
    color: #222222;
    font-family: 'Trebuchet MS';
    font-size: 34px;
    margin: 0;
    padding: 6px;
    text-align: center;
    text-shadow: 1px 1px 0 #CCCCCC, 0 -1px 1px #333333;
}

/* -- fin del contenido de cajas animadas -- */

/*comienzo del formulario*/

label {
    display:block;
    margin-top:20px;
    letter-spacing:1px;
}
.formulario {
    /*display:inline-block;*/
	display: block;
	
    margin: 15px 20px;
    width:510px;
    color: #FFFF99;
    font-family:Arial;
}
form {
    margin:0 auto;
	padding:10px 10px 10px;
    width:400px;
	float: left;
	
}
 
input, textarea {
    width:350px;
    height:27px;
    background:#FFFF99;
    border:2px solid #f6f6f6;
    padding:5px;
    margin-top:5px;
    font-size:12px;
    color:#6C0505;
}
 
textarea {
    height:150px;
}	
 
.submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:10px;
    cursor:pointer;
	
}

.boton {
    width:85px;
    height:35px;
    border:none;
	margin-top:10px;
    cursor:pointer;
	float: right;
}