@import url("layout.css");


body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #4095EF;
	padding: 0;

}

#container {
	width: 100%;
	margin: 0;
	background-color: #4095EF;
	background-repeat: no-repeat;
    background-attachment: fixed;
}

#masthead {
	text-align: right;
	width: 100%;
	background-color: #4095EF;
}

#header {
	text-align: center;
	clear: left;
	padding: 0.1em;
	background-color: #4095EF;
	backgroundPosition = "center";
	width: 70%;
	margin: auto;
}


#navigation {
	float: left;
	width: 17%;
	margin-bottom: 5px;
	margin-left: 20px;
	position: center;
	font-size:100%;
	
	border-top: 0px solid #dcdcdc;
	border-right: 0px solid #a9a9a9;
	border-bottom: 0px solid #808080;
	border-left: 0px solid #a9a9a9;
	background-color: #4095EF;
}

#content {
	float: left;
	width: 74%;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 20px;
	padding: 10px 20px;
	background-color: #fff;

	border: 10px solid transparent;
	

	box-shadow: 5px 10px 5px #888888;
	border-top-left-radius:1em;     border-top-right-radius: 1em;
	border-bottom-left-radius:1em;     border-bottom-right-radius: 1em;

	}


#content_bor_img78 {
	float: left;
	width: 77%;
	margin-top: -20px;
	margin-bottom: 20px;
	margin-left: 30px;
	
}

#content_bor_img95 {
	float: left;
	width: 95%;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 27px;
	padding: 10px;

}

	
#content2 {
	float: left;
	width: 92%;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 27px;
	padding: 10px 20px;
	background-color: #fff;
	
	border: 10px solid transparent;
	

	box-shadow: 5px 10px 5px #888888;
	border-top-left-radius:1em;     border-top-right-radius: 1em;
	border-bottom-left-radius:1em;     border-bottom-right-radius: 1em;

	}

	
	
#footer {
	text-align: center;
	clear: left;
	padding: 1.5em;
	background-color: #4095EF;
	background-image: url("../images/bottom.png") ;
	backgroundPosition = "center";
	width: 90%;
	margin: auto;


}

/* Estilos de cabecera */
#masthead h1 {
	color: #3d6c87;
}
#masthead h3 {
	color: #5f8ea9;
}
/* Estilos de exploración */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	background-color: #4095EF;
}

#navigationH ul.hor {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	width: 100%;
	
}

#navigationH li.hor {
	float: left;
	display: block;
	border: 0px solid #fff;
	background-color: #4095EF;	
}

#navigationH a.hor {
	color: black;	
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 5px;
	padding-right:10px;
	padding-left:5px;
	background-image: url("../images/liquid.jpg");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	}
	
#navigationH a.hor_ama {
	color: black;	
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 5px;
	background-image: url("../images/sub001.png");
	background-repeat:repeat-y;
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	width: 101%;


}

#navigationH a.hor:hover, a.hor_ama:hover {
	color: #402640;
	text-decoration: none;
	text-align: left center;
	background-color: #fff;
	border: 1px solid black; box-shadow: 5px 10px 5px yellow;
	background-image: url("../images/bot_naranja.png");
}



#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0px solid #fff;
	background-color: #4095EF;	
}

#navigation a.uno {
	color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 5px;
	background-image: url("../images/liquid.jpg");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	border-top-left-radius:1em;     border-top-right-radius: 1em;
}

#navigation a {
	color: black;	
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 5px;
	background-image: url("../images/liquid.jpg");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
}

#navigation a.dos_i {
	color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 7px;
	text-indent: 5px;
	background-image: url("../images/sub001.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	border-top-left-radius:1em;  
	border-top-right-radius: 1em;
}
#navigation a.dos_c_l {
	color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 7px;
	text-indent: 8px;
	width: 101%;
	background-image: url("../images/sub001.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;

}


#navigation a.dos_c {
	color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 7px;
	text-indent: 5px;
	background-image: url("../images/sub001.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
}


#navigation a.dos_f {
	color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 7px;
	text-indent: 5px;
	background-image: url("../images/sub001.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	border-bottom-left-radius:1em; 
	border-bottom-right-radius: 1em;
}


#navigation a.tres {
	color: black;
	text-align: left center;
	display: block;
	padding: 7px;
	background-image: url("../images/liquid.jpg");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	border-bottom-left-radius:1em;     border-bottom-right-radius: 1em;
}

#navigation a.sub1 {
    color: white;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding-left:15px;
	width: 90%;
	font-size:100%;

	background-image: url("../images/bot_promo_azul.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left : 10px;
	overflow:auto;

}

#navigation a.sub2 {
    color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding-left:15px;
	width: 90%;
	font-size:100%;

	background-image: url("../images/sub002.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left : 10px;

	border-bottom-right-radius: 1em;


}

#navigation a.sub3 {
    color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding: 5px;
	padding-left:15px;
	font-size:100%;
	width: 90%;


	background-image: url("../images/22_tl_marco1.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left : 10px;
	overflow:auto;

}

#navigation a.sub4 {
    color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding-left:15px;
	padding-left:15px;
	font-size:100%;
	width: 90%;


	background-image: url("../images/22_tl_marco1.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left : 10px;
	overflow:auto;
	
	border-bottom-right-radius: 1em;


}

#navigation a.sub4s {
    color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding-left:15px;
	padding-left:15px;
	font-size:100%;
	width: 90%;


	background-image: url("../images/22_tl_marco1.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left : 10px;
	overflow:auto;
	
	border-top-right-radius: 1em;



}



#navigation a.sub5 {
    color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding-left:15px;
	padding-left:15px;
	font-size:100%;
	width: 85%;


	background-image: url("../images/menu_ama.png");
	border: 1px solid black; box-shadow: 5px 10px 5px #888888;
	background-color:blue;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left : 10px;
	overflow:auto;

}

#navigation a.sub6 {
    color: black;
	text-decoration: none;
	text-align: left center;
	display: block;
	padding-left:15px;
	padding-left:15px;
	font-size:100%;
	width: 4%;

	height:4px;
	background: transparent;
	margin-bottom: 0px;
	margin-top: 40px;
	margin-left : 10px;
	border: 0px solid black; box-shadow: 1px 1px 1px transparent;
}


#navigation a:hover {
	color: #402640;
	text-decoration: none;
	text-align: left center;
	background-color: #fff;
	border: 1px solid black; box-shadow: 5px 10px 5px yellow;
	background-image: url("../images/bot_naranja.png");
}

#imCell_tam_ver350 { min-height: 350px; }
#imCell_tam_ver500 { min-height: 500px; }
#imCell_tam_ver750 { min-height: 750px; }
#imCell_tam_ver1000 { min-height: 1000px; }

#imCell { display: block; position: relative; overflow: hidden; width: auto; padding-top: 0px; padding-bottom: 5px; padding-left: 25px; padding-right: 15px;}
#imCellStyle { position: relative; width: auto; min-height: auto; padding: 25px 45px 35px 15px; border-top: 0; border-bottom: 0; border-left: 25; border-right: 0; z-index: 2;}

/* Borde hoja cafe */
#imCellStyleGraphicsC_1 { position: absolute; top: 35px; bottom: 35px; left: 23px; right: 23px; background: transparent url('../images/3.png') repeat center center;}
#imCellStyleGraphicsB_1 { position: absolute; bottom: 0; left: 23px; right: 23px; height: 35px; background: transparent url('../images/3_b.png') repeat-x center bottom;}
#imCellStyleGraphicsBL_1 { position: absolute; bottom: 0; left: 0; width: 23px; height: 35px; background: transparent url('../images/3_bl.png') repeat left bottom;}
#imCellStyleGraphicsBR_1 { position: absolute; bottom: 0; right: 0; width: 23px; height: 35px; background: transparent url('../images/3_br.png') repeat right bottom;}
#imCellStyleGraphicsL_1 { position: absolute; top: 35px; bottom: 35px; left: 0; width: 23px; background: transparent url('../images/3_l.png') repeat-y left center;}
#imCellStyleGraphicsR_1 { position: absolute; top: 35px; bottom: 35px; right: 0; width: 23px; background: transparent url('../images/3_r.png') repeat-y right center;}
#imCellStyleGraphicsT_1 { position: absolute; top: 0; left: 23px; right: 23px; height: 35px; background: transparent url('../images/3_t.png') repeat-x center top;}
#imCellStyleGraphicsTL_1 { position: absolute; top: 0; left: 0; width: 23px; height: 35px; background: transparent url('../images/3_tl.png') repeat left top;}
#imCellStyleGraphicsTR_1 { position: absolute; top: 0; right: 0; width: 23px; height: 35px; background: transparent url('../images/3_tr.png') repeat right top;}

/* Borde pincho */
#imCellStyleGraphicsC_2 { position: absolute; top: 138px; bottom: 138px; left: 97px; right: 97px; background: transparent url('../images/15.png') repeat center center;}
#imCellStyleGraphicsB_2 { position: absolute; bottom: 0; left: 97px; right: 97px; height: 138px; background: transparent url('../images/15_b.png') repeat-x center bottom;}
#imCellStyleGraphicsBL_2 { position: absolute; bottom: 0; left: 0; width: 97px; height: 138px; background: transparent url('../images/15_bl.png') repeat left bottom;}
#imCellStyleGraphicsBR_2 { position: absolute; bottom: 0; right: 0; width: 97px; height: 138px; background: transparent url('../images/15_br.png') repeat right bottom;}
#imCellStyleGraphicsL_2 { position: absolute; top: 138px; bottom: 138px; left: 0; width: 97px; background: transparent url('../images/15_l.png') repeat-y left center;}
#imCellStyleGraphicsR_2 { position: absolute; top: 138px; bottom: 138px; right: 0; width: 97px; background: transparent url('../images/15_r.png') repeat-y right center;}
#imCellStyleGraphicsT_2 { position: absolute; top: 0; left: 97px; right: 97px; height: 138px; background: transparent url('../images/15_t.png') repeat-x center top;}
#imCellStyleGraphicsTL_2 { position: absolute; top: 0; left: 0; width: 97px; height: 138px; background: transparent url('../images/15_tl.png') repeat left top;}
#imCellStyleGraphicsTR_2 { position: absolute; top: 0; right: 0; width: 97px; height: 138px; background: transparent url('../images/15_tr.png') repeat right top;}

/* Borde rollo horizontal 1 */
#imCellStyleGraphicsC_3 { position: absolute; top: 85px; bottom: 85px; left: 56px; right: 56px; background: transparent url('../images/19.png') repeat center center;}
#imCellStyleGraphicsB_3 { position: absolute; bottom: 0; left: 56px; right: 56px; height: 85px; background: transparent url('../images/19_b.png') repeat-x center bottom;}
#imCellStyleGraphicsC_4 { position: absolute; top: 80px; bottom: 80px; left: 98px; right: 98px; background: transparent url('../images/25.png') repeat center center;}
#imCellStyleGraphicsBL_3 { position: absolute; bottom: 0; left: 0; width: 56px; height: 85px; background: transparent url('../images/19_bl.png') repeat left bottom;}
#imCellStyleGraphicsBR_3 { position: absolute; bottom: 0; right: 0; width: 56px; height: 85px; background: transparent url('../images/19_br.png') repeat right bottom;}
#imCellStyleGraphicsL_3 { position: absolute; top: 85px; bottom: 85px; left: 0; width: 56px; background: transparent url('../images/19_l.png') repeat-y left center;}
#imCellStyleGraphicsR_3 { position: absolute; top: 85px; bottom: 85px; right: 0; width: 56px; background: transparent url('../images/19_r.png') repeat-y right center;}
#imCellStyleGraphicsT_3 { position: absolute; top: 0; left: 56px; right: 56px; height: 85px; background: transparent url('../images/19_t.png') repeat-x center top;}
#imCellStyleGraphicsTL_3 { position: absolute; top: 0; left: 0; width: 56px; height: 85px; background: transparent url('../images/19_tl.png') repeat left top;}
#imCellStyleGraphicsTR_3 { position: absolute; top: 0; right: 0; width: 56px; height: 85px; background: transparent url('../images/19_tr.png') repeat right top;}

/* Borde ficha */
#imCellStyleGraphicsB_4 { position: absolute; bottom: 0; left: 98px; right: 98px; height: 80px; background: transparent url('../images/25_b.png') repeat-x center bottom;}
#imCellStyleGraphicsBL_4 { position: absolute; bottom: 0; left: 0; width: 98px; height: 80px; background: transparent url('../images/25_bl.png') repeat left bottom;}
#imCellStyleGraphicsBR_4 { position: absolute; bottom: 0; right: 0; width: 98px; height: 80px; background: transparent url('../images/25_br.png') repeat right bottom;}
#imCellStyleGraphicsL_4 { position: absolute; top: 80px; bottom: 80px; left: 0; width: 98px; background: transparent url('../images/25_l.png') repeat-y left center;}
#imCellStyleGraphicsR_4 { position: absolute; top: 80px; bottom: 80px; right: 0; width: 98px; background: transparent url('../images/25_r.png') repeat-y right center;}
#imCellStyleGraphicsT_4 { position: absolute; top: 0; left: 98px; right: 98px; height: 80px; background: transparent url('../images/25_t.png') repeat-x center top;}
#imCellStyleGraphicsTL_4 { position: absolute; top: 0; left: 0; width: 98px; height: 80px; background: transparent url('../images/25_tl.png') repeat left top;}
#imCellStyleGraphicsTR_4 { position: absolute; top: 0; right: 0; width: 98px; height: 80px; background: transparent url('../images/25_tr.png') repeat right top;}

/* Borde rollo vertical */
#imCellStyleGraphicsC_5 { position: absolute; top: 85px; bottom: 85px; left: 119px; right: 119px; background: transparent url('../images/18.png') repeat center center;}
#imCellStyleGraphicsB_5 { position: absolute; bottom: 0; left: 119px; right: 119px; height: 85px; background: transparent url('../images/18_b.png') repeat-x center bottom;}
#imCellStyleGraphicsBL_5 { position: absolute; bottom: 0; left: 0; width: 119px; height: 85px; background: transparent url('../images/18_bl.png') repeat left bottom;}
#imCellStyleGraphicsBR_5 { position: absolute; bottom: 0; right: 0; width: 119px; height: 85px; background: transparent url('../images/18_br.png') repeat right bottom;}
#imCellStyleGraphicsL_5 { position: absolute; top: 85px; bottom: 85px; left: 0; width: 119px; background: transparent url('../images/18_l.png') repeat-y left center;}
#imCellStyleGraphicsR_5 { position: absolute; top: 85px; bottom: 85px; right: 0; width: 119px; background: transparent url('../images/18_r.png') repeat-y right center;}
#imCellStyleGraphicsT_5 { position: absolute; top: 0; left: 119px; right: 119px; height: 85px; background: transparent url('../images/18_t.png') repeat-x center top;}
#imCellStyleGraphicsTL_5 { position: absolute; top: 0; left: 0; width: 119px; height: 85px; background: transparent url('../images/18_tl.png') repeat left top;}
#imCellStyleGraphicsTR_5 { position: absolute; top: 0; right: 0; width: 119px; height: 85px; background: transparent url('../images/18_tr.png') repeat right top;}

/* Borde ficha tomate */

#imCellStyleGraphicsC_6 { position: absolute; top: 79px; bottom: 79px; left: 102px; right: 102px; background: transparent url('../images/22.png') repeat center center;}
#imCellStyleGraphicsB_6 { position: absolute; bottom: 0; left: 102px; right: 102px; height: 79px; background: transparent url('../images/22_b.png') repeat-x center bottom;}
#imCellStyleGraphicsBL_6 { position: absolute; bottom: 0; left: 0; width: 102px; height: 79px; background: transparent url('../images/22_bl.png') repeat left bottom;}
#imCellStyleGraphicsBR_6 { position: absolute; bottom: 0; right: 0; width: 102px; height: 79px; background: transparent url('../images/22_br.png') repeat right bottom;}
#imCellStyleGraphicsL_6 { position: absolute; top: 79px; bottom: 79px; left: 0; width: 102px; background: transparent url('../images/22_l.png') repeat-y left center;}
#imCellStyleGraphicsR_6 { position: absolute; top: 79px; bottom: 79px; right: 0; width: 102px; background: transparent url('../images/22_r.png') repeat-y right center;}
#imCellStyleGraphicsT_6 { position: absolute; top: 0; left: 102px; right: 102px; height: 79px; background: transparent url('../images/22_t.png') repeat-x center top;}
#imCellStyleGraphicsTL_6 { position: absolute; top: 0; left: 0; width: 102px; height: 79px; background: transparent url('../images/22_tl.png') repeat left top;}
#imCellStyleGraphicsTR_6 { position: absolute; top: 0; right: 0; width: 102px; height: 79px; background: transparent url('../images/22_tr.png') repeat right top;}


/* Estilos de contenido */
#content h1,h2,h3,h4,h5,h6 {
	color: #3d6c87;
}
#content img {
	padding: 5px;
	border: 1px solid #808080;
}

/* Estilos de pie de página */
#footer p {
	color: #808080;
	margin-top: 5px;
}

#footer a {
	color: #5f8ea9;
	text-decoration: underline;
}

#footer a:hover {
	color: #33627d;
	text-decoration: none;
	border: 1px solid black; box-shadow: 5px 3px 5px yellow;

}

a {
	color: #5f8ea9;
	text-decoration: underline;
}

a:hover {
	color: #33627d;
	text-decoration: underline;
	border: 0px solid black; box-shadow: 5px 3px 5px yellow;

}

/* Crea una imagen */

div.bor_cua {
	margin: auto;
	border: 1px solid transparent;
    width:90%;
    height: auto;
    padding: 20px;
    background-repeat: no-repeat;
    
}

div.cuad_img_hoja {
	background-image: url("../bordes/037.png")  ; 
	background-size: 90% 100%; 
    background-repeat: no-repeat;
    background-attachment: relative;
	padding-left: 80px;
	z-index: 2;

}

div.img_bor_cent {
	margin: auto;
	float: left;
	border: 0px solid transparent;
    width:90%;
    height: auto;
    padding: 20px;
    background-repeat: no-repeat;    
}


div.img_izq {
	margin: 2px;
	float: left;
	border: 0px solid transparent;
    width:auto;
    height: auto;
    padding: 20px;
    background-repeat: no-repeat;
    
}

div.img_izq_mov43 {
	margin: 2px;
	float: left;
	border: 0px solid transparent;
    height: auto;
    position: relative;
    background-repeat: no-repeat;
    -webkit-animation: mymove43 5s infinite; /*Safari and Chrome*/
    -webkit-animation-delay: 2s; /*Safari and Chrome*/
    animation: mymove43 5s infinite;
    animation-delay: 2s;
}

/*Safari and Chrome*/
@-webkit-keyframes mymove43 {
    from {left: 0px;}
    to {left: 43px;}
}

@keyframes mymove43 {
    from {left: 0px;}
    to {left: 43px;}
}

div.img_der {
	margin: 2px;
	float: right;
	border: 0px solid transparent;
    max-width:auto;
    height: auto;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: right top;
    
}

div.img_sup {
	margin: 0px;
	float: left;
	max-width:auto;
	border: 0px solid transparent;
    background-repeat: no-repeat;
    background-attachment: fixed;
}




div.opaco8 {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

div.opaco5 {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

div.borde02 {
    background-image: url("../bordes/002.png")  ;    
}

div.borde03 {
    background-image: url("../bordes/003.png")  ;    
}

div.borde22 {
    padding: 40px;
    background-image: url("../bordes/022.png")  ;    
}



img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

.sombra_ama {
   text-shadow: 5px 5px 5px yellow;
}

.sombra_roj {
   text-shadow: 5px 5px 5px red;
}



.grande
{
float:left;
padding: 5px;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}

.grande_abj
{
float:left;
padding: 5px;
font-size:400%;
font-family:algerian,courier;
line-height:1%;
vertical-align: text-bottom;
}


.grande_bor
{
margin:5px;
float:left;
padding: 5px;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
border: 1px solid black;
}

.cuad_mov {
	margin:5px;
	float:left;
	padding: 5px;
	font-size:400%;
	font-family:algerian,courier;
	line-height:80%;
	border: 1px solid black;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;

}

.cuad_mov:hover {
    width: 200px;
    height: 200px;
    border: 0px solid black;
	margin-left:20px;
	font-size:170%;

    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
}

</style>
</head>
<body>


.grande_pal
{
margin:5px;
float:left;
padding: 5px;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
border: 1px solid black;
}


/* Crea dos columnas */
.newspaper {
    /* Firefox */
    background-color: transparent;
    background: transparent;
    text-align:justify;

    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule: 4px outset #ff00ff;

    /* Safari and Chrome */
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 4px outset #ff00ff;

    column-count: 2;
    column-gap: 40px;
    column-rule: 4px outset #ff00ff;
}

/* Crea dos columnas sepados por una linea */
.newspaper2 {
    /* Firefox */
    background-color: transparent;
    background: transparent;
    text-align:justify;

    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule: 4px outset #ff00ff;

    /* Safari and Chrome */
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 4px outset #ff00ff;

    column-count: 2;
    column-gap: 40px;
    column-rule: 4px outset #ff00ff;
}

/* Crea tres columnas sepados por una linea */
.newspaper3 {
    
    background-color: transparent;
    background: transparent;
    text-align:justify;
    
	/* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 40px;
    -moz-column-rule: 4px outset #ff00ff;

    /* Safari and Chrome */
    -webkit-column-count: 3;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 4px outset #ff00ff;

    column-count: 3;
    column-gap: 40px;
    column-rule: 4px outset #ff00ff;
}

/* Crea un texto que crece y decrece */
.letrascrecen
{
	border:1px solid black;
	width:70%;
	height:40px;
	color:blue;
	background-color:white;
	border: 0px solid black; 
	animation:mymovet 10s infinite;
	/*Safari and Chrome:*/
	-webkit-animation:mymovet 10s infinite;
}

@keyframes mymovet
{
50% {font:40px bold;}
}

@-webkit-keyframes mymovet
{
	50% {font:40px bold;}
}

/* Crea un texto que cambia de color */
.cambiacolor
{
	border:0px solid black;
	width:90%;
	color:blue;
	animation:mymovec 5s infinite;
	/*Safari and Chrome:*/
	-webkit-animation:mymovec 5s infinite;
}

@keyframes mymovec
{
	50% {color:red;}
}

@-webkit-keyframes mymovec
{
	50% {color:red;}
}

/* Crea un cuadrado que se mueve horizontalmente */
.cuadradomueve {
    position: relative;
    -webkit-animation: mymovecm 5s 1; /*Safari, Chrome, and Opera*/
    -webkit-animation-direction: reverse; /* Safari and Chrome */
    animation: mymove 5s infinite;
    animation-direction: reverse;
}

@-webkit-keyframes mymovecm {
    from {left: 0px;} to {left:40%;}
}

@keyframes mymovecm {
    from {left: 0px;} to {left: 40%;}
}

/* Crea un borde */

</style>