/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rosario);
*{margin: 0px;border: none;padding: 0px;}
body {font-family: Rosario;	background-color: #CCC; background-repeat: no-repeat; margin: 0px;padding: 0px;}	
div{ max-width:960px; position:relative; margin: 0px auto 0px auto;}
.elemento{width: 320px;height: 90px;background: rgba(51, 255, 51, 0.5);top: 370px;float: left;}
p5{ font-style: normal; float:left; color:#FFF; font-size: 30px; margin: 6px 0px -10px 23px;}
header {width:100%;height: 50px;margin: auto;margin-top: 1%;}
header nav {float: right;width: 100%;margin: 0px 0px 15px 0px;height: 90%;border-bottom-style: solid;border-bottom-color:#0085ae;border-bottom-width: medium;padding-bottom: 0%;margin-top: 0%;border-top-style: solid;border-top-color:#0085ae;border-top-width: medium;}
header nav ul li {border-right-style: solid;border-right-color: rgb(47,48,62);border-left-style: solid;border-left-color: rgb(47,48,62);float: left;width: 89px;margin-right: 20px;margin-top: 1%;list-style-type: none;text-decoration: none;margin-left: 22px;height: 50%; }
header nav#botoneradearriba ul li a { border-radius: 10px; color: #FFF;font-size:15px;background-color: rgb(80, 81, 80);text-decoration: none;padding-bottom: 5%;padding-left: 5%;padding-right: 5%;padding-top: 5%;margin-left: 20%;}
header nav#botoneradearriba ul li a:hover {color:#97d736;background-color: #ed6b30;font-size: 15px;padding-bottom: 5%;padding-left: 5%;padding-right: 5%;padding-top: 5%;}
section.columna {margin: 10px 0px 0px 0px; }
#menu li {float:left;}
#menu li a{display:block;font:20px Rosario;line-height:2.2em;color:#e04c86;text-transform:uppercase;text-decoration:none;text-align:center;letter-spacing:-1px;height:50px;font-style:normal;font-weight:700;}
#menu li a:hover, #menu .active a{color:#000;}
.columna article {border-radius: 10px; width: 630px; height: 215px; background-color: rgb(80, 81, 80); position: relative; float: left; margin: 10px 10px 5px 0px; padding: 20px;}
.columna article p{font-weight:bold; font-size:30px; margin: -7px 0 13px -4px;}
article p{ color:#FFF;}
article p3 {font-style: normal; text-align: justify; float:right; color:#FFF; margin: -175px 0px 0px 215px;}
article nav{ float:left; margin: -55px 0 0 187px;}
article nav ul li{ float: left; list-style-type:none;}
article nav ul li a{ border-radius: 10px; width: 50%; background-color:#CCC; display:block;font:15px Rosario; color:#0085ae;text-transform:uppercase;text-decoration:none;text-align:center; height:5px;font-style:normal;font-weight:700; margin:0px 0px 0px 28px; padding:12px 18px 24px 12px; }
aside { width: 29%;
height: 526px;
position: relative;
float: right;
background: #ed6b30;
margin: auto;
margin-right: 0px;
margin-left: 0px;
list-style: none;
border-radius: 10px;
margin: 44px 0 20px 0;}
aside h3 { letter-spacing:2px; font-style:normal; text-align:center; color:#FFF; margin: 22px;}
p4{font-style: normal; text-align: center; color:#0085ae; font-size: 15px; font-weight:bold; padding: 0px 0px 0px 0px;}
p6{font-style: normal; text-align: center; color:#0085ae; font-size: 20px; font-weight:bold; padding: 0px 0px 0px 0px;}
footer p5{ border-radius: 10px; width:100%;display: table; padding:25px 0 25px 0; color:#ed309d; background:#FFF; margin: 10px 0px 10px 0px; font-size:11px; text-align: center;}
.columnados article { width: 290px; height: 520px; position: relative; float: left; margin: 0px 15px 10px 5px; padding: 15px; }

/*
.columna-de-tres { width: 100%; height: 300px;}
.columna-de-tres article {width: 30px; height:200px; background:#CCC; position: relative; float:left; margin: 1px; padding:1px;}








/*

div{ max-width:960px; position: relative;margin: 10px auto 0px auto;}

.elemento1{width:200px; height:200px; background:rgba(50,50,50,0.5); position: absolute,top:50px;left:50px;z-index:2;}
.elemento2{width:200px; height:200px; background:#09C;}