/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
/*****************
browsers interpret margin and padding a little differently,
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   color:#666666;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 16px;
   margin:0;
   padding:0;
   background:url(images/fondo-body.jpg) repeat-x top #fff;
}



/*
if img is inside "a" it would have
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit;
   color: #18507C;
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}



/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #385C72;
}

/*****************
basic layout
*****************/

#pagewrapper{
margin:0 auto;
width:933px;
background:url(images/fondo-content.jpg) repeat-y;
}

#header{
background:url(images/fondo-header.jpg) no-repeat;
width:933px;
height:125px;
}

#header h1 a{
display:block;
height:125px;
text-indent: -999em;
text-decoration:none;
}

#mariposa{
position:absolute;
margin-left:10px;
top:0;
}

#livechat{
position:absolute;
margin-top:57px;
margin-left:404px;
}

#banner{
position:absolute;
margin-left:700px;
top:0;
}

/************/


div#content {
   margin: 38px 10px 10px 10px; /* some air above and under menu and content */
}

div#main {
   margin-left:20px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   width:630px;
}

div#inferior{
border-top:1px dotted #ccc;
padding-top:10px;
clear:left;
}


div#sidebar {
   float:right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 200px;    /* sidebar width, if you change this please also change #main margins */
   background:url(images/fondo-columna.jpg) no-repeat top #000;
   margin-right: 12px;
   _margin-right:29px;
   display:inline;
   padding:4px 10px 10px 10px;
border-bottom: 6px solid #909;
}



div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #ccc;
   background:url(images/datos-footer.jpg) no-repeat top #B05DAB ; /* same bg color as in header */
   margin:0 9px;
   padding-top: 63px;
   height:40px;
   width:915px;
   text-align:center;
   font-size:10px;
}

div#footer p{
   font-size:10px;
color:#fff;
background: none;
}

div#footer a{
color:#fff;
background: none;
}

div#footer a:hover{
background-color:#B05DAB;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}


/********************
CONTENT STYLING
*********************/

/* HEADINGS */

div#content h1 {
   color:#993399;
   font-size: 22px;
   font-family:"Trebuchet MS", sans-serif;
   font-weight:lighter;
   text-align: left;
   margin: 10px 0 15px;
line-height:1em;
   }

div#content h2 {
   color:#993399;
   font-size: 22px;
   font-family:"Trebuchet MS", sans-serif;
   font-weight:lighter;
   text-align: left;
   margin: 10px 0 15px;
line-height:1em;
}


div#content h3 {
   color:#993399;
   font-size: 18px;
   font-family:"Trebuchet MS", sans-serif;
   font-weight:lighter;
border-top:1px dotted #ccc;
padding-top:10px;
}

div#sidebar h2 {
   color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
   text-align: left;
   margin: 0 0 15px;
   padding-left:12px;
}

div#sidebar h3 {
   color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
   text-align: left;
   margin: 0 0  15px 0;
border-bottom: 1px solid #666;
border-top: none;
}

div#sidebar p {
   color:#FFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
       line-height:16px;
margin-bottom:13px;
}



/* END HEADINGS */

/* TEXT */
p {
   font-size: 13px;
   line-height:18px;
}

div#main img{
float:left;
margin-right:20px;
}

/* END TEXT */

/* LISTS */
div#main ul{
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li{
   margin: 0 0 0.25em 3em;
}

div#simpleslider ul li{
   margin: 0 0 0.25em 0;
}


/* END LISTS */

#content a,
#content a:link
#content a:active
#content a:visited {
   text-decoration:none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit;
   border-bottom: 1px dotted #800080;
   color: #990099;
}

#content a:hover {
   text-decoration:none;
  color: #8A008A;                /* a different color can be used for visited links */
}

div#sidebar a,
div#sidebar a:link,
div#sidebar a:active,
div#sidebar a:visited{
   color:#FFF;
}

div#sidebar a:hover {
   color:#DEDEDE;
}



div#sidebar p a img {
margin:0 auto;
background:#000;
border:none;
padding: 0;
}
/* End of 'Layout: Top menu + 2 columns' */