* {
padding : 0;
margin : 0;
}
body {
font-family : Verdana, Arial, sans-serif;
font-size : 8pt;
color : #585858;
}
ul { list-style-position: inside; margin: 3px 0px 2px 0px}
ul li { list-style-type: disc; margin: 5px 0px 0px 2px;  }
ul ul li { list-style: none; margin-left: 2px; list-style-type: lower-alpha; list-style-position: inside }
img { border:0 }
input, textarea {
border : 1px solid #aaa;
font-size:14px;
}
input:hover, textarea:hover {
border : 1px solid #888;
}
#header img {
float : left;
margin-right : 10px;
}
a {
font-weight : bold;
color : #fff;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
blockquote {
margin : 0 0 15px 30px;
border-left : 3px solid #8adf88;
padding : 0 0 0 8px;
}
form p {
Clear: left;
margin: 0;
padding: 0;
padding-top: 5px;
}
.bluetitle {
color : #97acd4;
}
#content {
padding : 0;
margin : 10px auto;
width : 780px;
}
#header {
margin : 0;
padding : 0;
width : 100%;
background : inherit;
color : #585858;
height : 89px;
}
#cita {
text-align: right; 
padding-top: 50px; 
font-size : 9pt;
color : #97acd4;
}
#cita .autor{
font-size : 7pt;
font-style : italic;
}
#menu {
background : #c197d4;
width : 100%;
height : 25px;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #000;
}
#menu .pad {
padding : 6px;
}
#menu a, #menu a:visited {
text-decoration : none;
background : inherit;
}
#menu a:hover {
text-decoration : none;
background : inherit;
color: #000;
}
#modules {
margin : 5px 0px 10px 0px;
height : 190px;
}
#modules img {
margin: 0px 7px 5px 0px;
}
#modules .masg {
font-size : 10pt;
}
#modules h2 {
font-size : 9pt;
font-weight : bold;
padding-bottom: 5px;
}
#modules #mod3 {
background : #fff;
height : 185px;
width : 200px;
float : right;
margin-top : 5px;
}
.bluelink {
color: #97acd4;
font-weight : normal;
text-decoration : underline;
}
#modules #mod2 {
background : #fff;
height : 185px;
width : 285px;
float : right;
margin-top : 5px;
border: 1px solid #D4E0EE;
text-align: justify;
}
#modules #mod1 {
background : #fff;
height : 185px;
width : 285px;
float : left;
margin-top : 5px;
border: 1px solid #D4E0EE;
text-align: justify;
}
#modules .pad {
padding : 10px 20px 10px 20px;
}

#modules .padb {
padding : 0px 0px 10px 0px;
}

#modules img {
float : left;
margin-bottom : 5px !important;
}

#clouds {
background: url(imagenes/clouds.jpg) no-repeat left;
width: 780px;
height:205px;
}
#clouds #cloudsText {
font-size : 18pt;
color : #2a2931;
padding :150px 0px 30px 20px;
}
#clouds .masg {
font-size : 25pt;
}
#maincontent { 
}
#maincontent p {
margin-top : 10px;
text-indent: 20px;
}
#maincontent p:first-letter { 
font-size: 125%; 
} 
#maincontent img {
margin : 10px 10px 10px 0;
}
#maincontent .readm {
color : #97acd4;
font-weight : bold;
background : inherit;
}
#maincontent h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 4px;
border-bottom : 1px solid #e3eaef;
}
#maincontent #introduction {
margin: 10px 0 10px 0;
width : 100%;
background : inherit;
text-align : justify;
color : #585858;
}
#maincontent #rightside {
float : right;
width : 200px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
height : 405px;
}
#maincontent #rightside h2 {
margin-bottom : 5px;
}
#maincontent #rightside p { 
letter-spacing:0.8px;
font-size:90%;
}

#maincontent #leftside {
background : inherit;
margin-right : 10px;
width : 530px;
padding : 10px;
height : 415px;
}
#maincontent #leftside .r {
float : right;
width : 250px;
margin-bottom : 15px;
}
#maincontent #leftside .le {
width : 250px;
margin-bottom : 15px;
}
#maincontent #leftside .pad {
padding : 5px 0 5px 0;
text-align : justify;
}
#maincontent #leftside p { 
letter-spacing:0.5px;
text-align : justify;
}

#maincontent #leftside .pad .rs { float: right; width: 55%; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5 ;font-size:90%;}
#maincontent #leftside .pad .rs a { color: #97acd4; font-weight : normal; text-decoration : none; }
#maincontent #leftside .pad .rs a:hover{ color: #888; font-weight : normal; text-decoration : underline; }

#footer {
bottom : 0;
clear : both;
text-align : left;
border-top : 2px solid #e5e5e5;
padding : 3px 0 0 0;
margin-top : 5px;
height : 50px;
color : #888;
background : inherit;
}
#footer .right {
float : right;
}
#principal h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin : 10px 0 4px 0;
border-bottom : 1px solid #e3eaef;
}
#principal p {
padding-top: 10px;
}
#cmail {
padding: 12px 0 0 0;
color:#97acd4;
font-weight : bold;
}
#contact {width:660px; padding:10px; }
#contact fieldset {border:0;}
#contact legend{font: bold 16px Arial, sans-serif;color:#9C2DD2; padding:0 5px;}
#contact p label {float: left;width: 10%; text-align:right;padding:5px;}
#contact p br {clear: left;}
.enviar{margin:3px 0 0 200px;}

#registro {width:660px; padding:10px; }
#registro fieldset {border:0;}
#registro legend{font: bold 16px Arial, sans-serif;color:#9C2DD2; padding:0 5px;}
#registro p label {float: left;width: 25%; text-align:right;padding:5px;font-weight : bold;}
#registro p br {clear: left;}
.redstar {color:#dc5e1f;font-size:80%;}

#cuestionario {
margin: 10px 0 10px 0;
font-size:110%;
}

#cuestionario input {
	border:none;
}


.izq {
  float: left;
  width:75%;
  padding-right: 50px;
}
.fila {
  clear: both;
  padding-top: 3px;
  height:35px;
  border-top: 1px solid #97acd4;
}

.borde {
	border : 1px solid #888;
	margin-left: 20px;
}
.centrar {
	text-align:center;
}
#errUser {
padding: 12px 0 0 0;
color:#dc5e1f;
font-weight : bold;
}

#linkslayer {
background : #f0f0f0;
height: 60px;
padding : 10px;
border: 1px solid #ddd;
}

#linksright {
width:33%;
float:left;
padding-bottom:10px;
}

#linkscenter {
width:34%;
float:left;
padding-bottom:10px;
}

#linkscenter p{
padding-bottom:5px;
}

#linksleft {
width:33%;
float:left;
padding-bottom:10px;
}

.autor{
font-size : 7pt;
font-style : italic;
}

.rojo {
color:#dc5e1f;
font-weight : bold;
}

.bordeForm {
	border : 1px solid #888;
	padding: 20px;
	background : #e8eefa;
}

#modulos {
margin : 5px 0px 10px 0px;
}

#copsi img{
border : 1px solid #888;
padding: 3px;
margin: 3px 3px 3px 45px;
}

#atencion {
}

#atencion p {
text-align:center;
}