@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Rosario);
*{ margin:15; padding:10;}
body{font-family:rosario ; background-color:#FAD605; 
    margin-top: 20px;
    margin-bottom: 20px;}
div{ max-width:960px; position:relative;    margin-left: 100px;    margin-right: 100px;}
head {margin:50px;}
header{ width:100%; margin-left:7%;}

header p{float:left; }
section {background-color:#CCC; width:100%; height:70px;   margin-top: 60px;    border-top-width: 30px;    padding-top: 10px;}
header nav{ float:inherit; margin:auto}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{text-decoration:blink; padding:5px; margin:30px 20px 30px 20px; font-weight:bold; border-left-style:dotted; border-color:#609; cursor:pointer; color:#000; font-size:18px; }
.columna-de-tres {width:96%; background:none repeat scroll 0% 0% rgba(245, 197, 197, 0.56); height:70px; border-style:inset; border-color:rgba(255, 0, 0, 1); float:inherit; margin:67px 0px 52px 65px;}
.columna-de-tres article {width:29%; height:250px; border-bottom-style:dotted; border-color:#606; margin:1%; padding:1%; position:relative; float:left; }

li.contenedor {width:200px; height:200px; float:left;}
li#A{background:#FF5959}
li#B {background:#B86DFC}
li#C {background:#A2CD1D; margin:-3px 20px 57px -3px;}



section{ width:100%; background:none repeat scroll 0% 0% rgba(197, 245, 231, 0.56); min-height:370px; padding:2%; margin:35px;}
.columna-de-dos {background:none repeat scroll 0% 0% rgba(245, 197, 197, 0.56); width:60%; min-height:500px; border-style:outset; border-color:#606; margin:-27px 0px 21px 63px;}
.columna-de-dos article {width:45%; height:420px; margin:1%; padding:1%; position:relative; float:left; background:none repeat scroll 0% 0% rgba(255, 89, 89, 0.34);}
.columna-de-dos article div{float:left; margin-left:45px; margin-top:20px;}
.columna-de-dos article h1 {float:left; margin:5px; font-size:14px; font-weight:bold;}
.columna-de-dos article p{margin:5px; font-size:12px; font-style:italic; }
.columna-de-dos article h2 {float:left; margin:5px; font-size:14px; font-weight:bold;}
section h1 {font-weight:bolder; font-size:16px; color:#609; width:249px;  }
section h2 {font-weight:bolder; font-size:16px; color:#609; }

article nav{ float:left; } 
article nav ul li{ list-style-type:none;}
article nav ul li a{text-decoration:none; float:inherit; padding:20px; cursor:pointer; color:#FFF; font-size:20px}
.columna-de-tres article p {font-style:italic; margin:30% 27% 40% 37%; float:none; font-size:24px}
.columna-de-tres article p1 {font-weight:bold; margin:40% 40% 45% 5%; float:inherit}
.columna-de-tres article p2 {font-weight:bold; margin:40% 37% 40% 20%; float:inherit}
.columna-de-tres article p3{font-weight:bold; margin:40% 28% 15% 28%; float:inherit}
.columna-de-tres p {font-size:12px; font-variant:normal; font-weight:500;}
.columna-de-tres h {font-size:14px; font-weight:bold; margin-top:25px; padding-top:20px;}
.imagen {margin:0px 0px 15px 0px;}
aside {background:none repeat scroll 0% 0% rgba(0, 88, 102, 1); float:right; margin:-27px -70px 0px 30px; padding:2%; width:30%; height:533px;}
aside p {color:#A2CD1D; font-size:14px; font-style:italic; border-left-style:double; margin-left:5px; width:5px;}
aside div{ float:right; margin:7px -6px 1px -1px;}
aside div1{ margin:0px 5px 10px 10px; padding:0px;}
aside h{ color:#CCC; outline-color:#CCC; font-weight:bolder; font-size:12px; border-bottom-style:dotted; border-bottom-color:#A2CD1D; border-bottom-width: thin;}
header article { margin:-9px 5px 17px 1px; float:left; padding:0px 0px 30px 0px;}
aside article { margin:-37px 0px 11px 256px;}


div#pie {margin:0px 0px 0px 60px;}
footer p{ float:right;  font-size:9px; font-style:normal; }
footer h{ font-size:12px; font-variant:normal; font-weight:bold; margin-left: 170px;}