/* CSS Document */

body{ background: #f4f4f4; margin:0; padding:0; font: normal 0.8em "Trebuchet MS"; text-align: center;}
h1, h2, h3, h4, h5{margin:0; padding:0; font-family:"Trebuchet MS";}
h1, h2, h3{ color:#EF3F35; margin:10px 0; padding:0;}
h4, h5{ color:#996600; margin:0; padding:0;}

p{margin:0 0 10px 0; padding:0; line-height:1.5em;}

a{ text-decoration: none; color:#996600; font: bold 12px Arial, Helvetica, sans-serif;}
a:hover{ color:#663300;}

#wrap{ margin:10px 0; padding:0; width:950px; margin-left:auto; margin-right:auto; text-align: left;}

#ilex_top{background: url(images/notebook_top.jpg) no-repeat; height: 40px; margin:0; padding:0;}
#ilex_main{background:url(images/notebook_full.jpg) repeat-y; margin:0; padding:0px 0 0 70px;}
#ilex_bottom{background:url(images/notebook_bottom.jpg) no-repeat; height:67px;}

#ilex_left{float: left; width: 150px; margin: 0; padding: 0px 30px 0 0px; background: none;  border:0px solid #000; }
#banners_left{ margin:15px 0 0 0; padding:0;}
#banners_left .csc-textpic img{ margin:5px 0 0 0; padding:0;}

#Acc7, #ilex_educacion_ambiental{ margin: 0 0 0 10px;}

#ilex_right{float: left; width: 600px; margin: 0; border:0px solid #000; }

#ilex_right #header { margin: 0 0 15px 0;}
#ilex_right #header img {border:none;}

#ilex_right .csc-textpic img{border-bottom: 3px solid #9BC31F;}

#ilex_left ul{list-style: none; margin:15px 0 0 0; padding:0; width: 150px;}
#ilex_left li{margin:0; padding:0; border-bottom: 1px solid #999933;}
#ilex_left li a{padding: 5px; display: block;}
#ilex_left li a:hover{background: #F7F1D4;}
#ilex_left li a.activo{padding: 5px; display: block; background:url(images/ico_arrow.gif) left center;}
#ilex_left ul#level1{ background: #EFE7D1; margin:0; padding:0;}
#ilex_left ul#level2{ margin:0; padding:0;}

#ilex_left ul#level1 li, #ilex_left ul#level2 li{margin:0; padding:0; border-bottom: 1px solid #999933; }
#ilex_left ul#level1 li a, #ilex_left ul#level2 li a{padding: 3px 5px 3px 10px; display: block; font: normal 10px Arial, Helvetica, sans-serif;}
#ilex_left ul#level1 li a:hover, #ilex_left ul#level2 li a:hover{background: #F7F1D4;}
#ilex_left ul#level1 li a.activo, #ilex_left ul#level2 li a.activo{padding: 3px 5px 3px 15px; display: block; background:url(images/ico_arrow.gif) left center;}

#ilex_right ul{list-style-image: url(images/ico_ul.gif); margin:0 0 0px 20px; padding:0;}
#ilex_right ol{margin:0 0 0px 20px; padding:0;}
#ilex_right ul li, #ilex_right ol li{ margin:5px 0 10px 0;}
#ilex_right ul li p, #ilex_right ol li p{ }
#ilex_right ul li a, #ilex_right ol li a{padding:0; margin:0; text-decoration: none;}
#ilex_right ul li a:hover, #ilex_right ol li a:hover{}


/* COLUMNS SETUP */
.left50{ width: 49%; float: left; }
.right50{ width: 49%; float: right;}

.left70{width: 370px; float: left; }
.right30{width: 215px; float: right; }

form { border:none; margin:0; padding:0;}
fieldset{ border: none; margin:0; padding:0;}
input, textarea, select{ float: left; padding: 5px; border:1px solid #EF3F35; margin: 10px 10px 10px 0; width: 300px;}
label{ float: left; margin: 10px 10px 10px 0; padding: 4px; width: 150px; clear: both; background: #F7F1D4; border-bottom: 2px solid #EF3F35;}
textarea{ float: left;}
input.csc-mailform-submit, input.button { clear: both; float: left; width: auto; margin: 0 0 0 168px;}

/*  ESTILOS DE LOS ACORDEONES */

.Accordion {border: none; overflow: visible; margin:0; padding:0; }

.AccordionPanel {margin: 0; padding: 0px;}

.AccordionPanelTab {
	margin: 5px 0 0 0;
	padding: 0px 2px;
	cursor: pointer;
	text-transform: uppercase;
	font: bold 14px "Trebuchet MS";
	font-weight: bold;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #EF3F35;
}

.AccordionPanelContent {overflow: hidden;	margin: 0px; padding: 0px 0 0 20px;}
.AccordionPanelContent .row{clear: both; margin:0px 0 10px 0; padding:0;}
.AccordionPanelContent .left{ float: left; width: 15%; margin: 5px 0 0 0; padding: 0 20px; border:0px solid #66FF00; font-weight: bold;}
.AccordionPanelContent .right{float: left; width: 75%; margin: 5px 0 0 0; border:0px solid #ccc; text-transform: uppercase;}

.AccordionPanelOpen .AccordionPanelTab {font-weight: bold;  margin:5px 0 0 0; padding:0;}
.AccordionPanelOpen .AccordionPanelTab p {font-weight: bold; background:  url(images/ico_less.gif) 0px center no-repeat;  padding: 0 0 0 20px; margin:0;}
.AccordionPanelTab p {font-weight: bold; background:  url(images/ico_more.gif) 0px center no-repeat; padding: 0 0 0 20px; margin:0;}

.AccordionPanelTabHover {font-weight: bold;}
.AccordionPanelOpen .AccordionPanelTabHover {font-weight: bold;}
.AccordionFocused .AccordionPanelTab { font-weight: bold; margin:5px 0;}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { font-weight: bold; margin:5px 0;}


/* FORM STYLES */

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 select, .tx-srfeuserregister-pi1 input[type=file] {float: left; padding: 5px; border:1px solid #EF3F35; margin: 5px 10px 5px 10px; width:auto; max-width: 300px;}
.tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }

* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: #ffcc00; width: 10px; float: left; border:1px solid #000; vertical-align: bottom; margin: 5px 10px 5px 10px; padding: 5px;}
.tx-srfeuserregister-pi1 dt label{float: left; margin: 5px 10px 5px 0; padding: 4px; width: 150px; clear: both; background: #F7F1D4; border-bottom: 2px solid #EF3F35; text-align: left;}

/* NEWSLETTER PAGES */
.newsletter{ padding: 0 0 0 0px; border:0px solid #000;}
.newsletter h1 {text-align:left; margin:15px 0 0 20px; padding:0 0 5px 0;}
.newsletter h2 {text-align:left; margin:15px 0 0 20px; padding:0 0 5px 0; font-size: 14px;}
.newsletter p { text-align: left; border:0px solid #000; margin: 0 0 10px 20px;}
.newsletter a { text-align: left; border-bottom:1px solid #ccc; text-decoration: none; color:#EF3F35;}
.newsletter a:hover { text-align: left; border-bottom:1px solid #666; text-decoration: none; color:#333;}

#wrapnews .logofull{ background: url(images/logo_mail.jpg) left top no-repeat; width:120px; height:113px; margin: 0 0 0 20px}
#wrapnews .footer{clear:both; text-align:center; font-size: 12px; padding: 15px 0 0 0; background:#EF3F35; height: 30px; width: 100%; float:right; margin: 10px 0 0 0;}
#wrapnews .footer a{ text-decoration: none; color:#000;}
#wrapnews .footer a:hover{ text-decoration: underline; color: #333333;}	
#wrapnews .footer p{ clear:both; padding:0; margin:5px 0; font-size:11px;}


/* MEMBER LOGIN */

#memberLogin {
margin:0;
padding: 5px 0px;
text-align: left;
}

#memberLogin a { font-size: 11px; line-height:normal;}

#memberLogin p{
font: 11px Arial, Helvetica, sans-serif;
line-height: normal;
text-align: left;
padding: 0; margin: 0;
background: url(../images/square_blue.gif) 0px 7px no-repeat;
}

#memberLogin h1 { padding:0; margin:0; text-align: left; font: bold 12px Arial, Helvetica, sans-serif; display: block;}
.tx-newloginbox-pi1 { margin:0; padding:0; float: left;}
#memberLogin .tx-newloginbox-pi1 .tx-newloginbox-pi1-error { color: #ff0000; }
#memberLogin .tx-newloginbox-pi1 input, #memberLogin .tx-newloginbox-pi1 select, #memberLogin .tx-newloginbox-pi1 input[type=file] {padding:2px; border:1px solid #EF3F35; margin:0px 0 5px 0 ; width:150px; font: normal 10px Arial, Helvetica, sans-serif;}
#memberLogin .tx-newloginbox-pi1 input[type=password] { margin-right: 1em; }

* html #memberLogin .tx-newloginbox-pi1 input.tx-newloginbox-pi1-password { margin-right: 1em; }
#memberLogin .tx-newloginbox-pi1 label{margin: 0; padding: 2px; width: 150px; clear: both; background: none; border-bottom: 0px solid #EF3F35; text-align: left; font: normal 11px Arial, Helvetica, sans-serif}
#memberLogin .tx-newloginbox-pi1 input.button{ width: auto;}

#month-header-prevnext{ padding:10px;}

/* COMMUNITY STYLES **/

.tx-cwtcommunity-pi1{ font: normal 11px Arial, Helvetica, sans-serif;}
.tx-cwtcommunity-pi1 td{ font: normal 11px Arial, Helvetica, sans-serif; padding:3px;}