/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
html {}

body {
	margin: 0;
	padding: 0;
	color: #424343;
	text-align: center;
	background: url(../images/vert_bg.gif) center top repeat-x #727B2C;
	font: normal 12px Verdana;
	}


a { text-decoration: none; color: #000;}
a:visited {color: #000}
a:hover {color: #003366; text-decoration: underline;}
a:active { color:#000000;}

table{margin: 0 0 0px 0px; padding:0;}
td{border-style: solid; border-color: #CCCCCC; border-width: 0 0 1px 0; padding:6px 2px 6px 0; font: Arial, Helvetica, sans-serif; font-size:11px; margin: 0 8px;}
#maininside table img{ margin:0; padding:0; float: left; text-align: left; border: none;}
#maininside table p{ padding:0; margin:0; line-height: 18px;}

/* DEFINICIONES DE ESTILO */

h1 {
font-size:20px;
font-weight: normal;
font-style: italic;
margin: 15px 0 10px 4px; padding: 0px;
color:#122750;
font-family: Arial, "Lucida Sans";
text-transform:uppercase;
}

h2 {
font-size:16px;
font-weight: normal;
margin: 0px 0 10px 0px; padding: 0 0 0 5px;
font-family: Arial, "Lucida Sans";
text-transform:uppercase;
color: #727b2c;
text-align: left;
}

#articulonoticia h2 {
text-align: left; float:left; display: block;
}

h3 {
margin: 0px; padding: 0px 0 0 5px;
color:#000;
font: bold 14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
clear: both; display: block;
}

h4 {
font-size:12px;
background: url(../images/arrow_green.gif) left 3px no-repeat;
font-weight: bold;
line-height: 10px;
margin: 0; padding: 0px 0 5px 15px;
color: #000;
font-family: Arial, "Lucida Sans";
text-transform:uppercase;
display: block;
}
	
h5 {color: #424343; font: bold 11px verdana, arial, geneva, helvetica, sans-serif; padding: 10px 1px 2px 1px; line-height: 170%;}
	
p {
	padding: 0 10px 12px 5px;
	margin: 0 0 0 0px;
	line-height: 15px;
	text-align: justify;
	}

div {border-style: solid;border-color: #000000; border-width: 0px;}

#container {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	text-align:center;
	}	

#topbar{
background:#BBD349; 
width: 720px;
margin:0 0 0px 0; padding:0 0 10px 0; 
}

#euconsult{
background: url(../images/header.jpg) left top no-repeat; 
width: 700px; height: 162px; 
margin-left: auto; 
margin-right: auto; 
margin-top: 10px;
text-align: center;
}	

#tableft{
padding:0;
float:left;
width: 308px;
height: 84px;
background: url(../images/tableft.gif) center top no-repeat; 
}

#tabright{
padding:0; margin:0;
width: 402px;
height: 84px;
background: url(../images/tabright.gif) left top no-repeat; 
float: right;
}

#tabright #columna{
width: 180px;
height: 70px;
float: left;
margin: 0;
padding: 0 10px;
}
	
#tabright #columna p {
	padding:0px 0 0 25px;
	margin:5px 0 0 0;
	font-size:11px;
	line-height: 13px;
	text-align: left;
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}
	
	
#content {text-align: center; width:700px; margin-left: auto; margin-right: auto;}


/* Comienzo Navegacion Superior */

.topnav {
   font: 10px Arial, Helvetica, sans-serif;
   padding-top: 5px !important;
   padding: 3px;
   margin: 0 0 0 8px;
   float: left;
   width: 500px;
   text-align: left;
}   
.topnav a:link {
   font-weight: bold;
   text-decoration: none;
   color: #364061;    
}
.topnav a:visited {
   font-weight: bold;
   text-decoration: none;
   color: #364061;
}
.topnav a:hover {
   font-weight: bold;
   text-decoration: underline;
   color: #ff6600;    
}
.topnav_act a:link {
   font-weight: bold;
   text-decoration: none;
   color: #364061;
}
.topnav_act a:visited {
   font-weight: bold;
   text-decoration: none;
   color: #364061;
}
.topnav_act a:hover {
   font-weight: bold;
   text-decoration: underline;
   color: #ff6600;    
}


/* Comienzo columna izquierda */


#nav {
	float: left;
	width: 170px;
	margin: 10px 0 0 0; padding:0;
	border-style: solid; border-color: #000000; border-width: 0px;
	}
	
#nav ul {
	margin: 0px 0px 0px 0px;
	text-align: left;
	list-style-type: none;
	width:170px;
	}
	
#nav ul a{
	padding: 9px 5px 9px 25px; margin: 0 10px 0 10px;
	display: block; text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: url(../images/square_green.gif) 5px 50% no-repeat;
	color: #424343;
	font: 12px Arial, Helvetica, sans-serif;
	}
	
#nav ul a:hover { background: url(../images/arrow_orange.gif) 5px 50% no-repeat;	color: #ff6600;}

#nav ul .activo a{ background: #f1f6db url(../images/square_blue.gif) 5px 50% no-repeat; font-weight: bold; color: #003366; border-bottom: solid 1px #ff6600;}
	
#nav ul .subcat a{
	padding: 4px 10px 4px 25px; margin: 0 10px 0 10px;
	display: block;	text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: #e3e5d5 url(../images/arrow_blk.gif) 13px 50% no-repeat;
	color: #424343;
	font: 11px;
	}

#nav ul .subcat a:hover{ background: url(../images/arrow_orange.gif) 13px 50% no-repeat; color: #ff6600;}

#nav ul .subcat-activo a{
	padding: 4px 0px 4px 25px;
	display: block; text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: #f1f6db url(../images/square_blue.gif) 12px 50% no-repeat;
	color: #CC0000;
	font-weight: bold; 
	}

#nav ul .subcat-activo a:hover {color: #ff6600; font-weight: bold; }
	
#nav ul .subcat2 a{
	padding: 4px 10px 4px 30px; margin: 0 10px 0 10px;
	display: block;	text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: #f1f2e9 url(../images/arrow_green.gif) 16px 50% no-repeat;
	color: #424343;
	font-size: 11px;
	}

#nav ul .subcat2 a:hover{ background: url(../images/arrow_blk.gif) 15px 50% no-repeat; color: #ff6600;}

#nav ul .subcat2-activo a{
	padding: 4px 0px 4px 30px;
	display: block; text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: #f1f6db url(../images/square_blue.gif) 15px 50% no-repeat;
	color: #CC0000;	font-size: 11px;
	}

#nav ul .subcat2-activo a:hover {color: #ff6600;}

#nav ul .subcat3 a{
	padding: 4px 10px 4px 35px; margin: 0 10px 0 10px;
	display: block;	text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: #f1f1cc url(../images/arrow_green.gif) 20px 50% no-repeat;
	color: #424343; font-size: 11px; 
	}

#nav ul .subcat3 a:hover{ background: url(../images/arrow_blk.gif) 19px 50% no-repeat; color: #ff6600; }

#nav ul .subcat3-activo a{
	padding: 4px 0px 4px 35px; display: block; text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: #f1f6db url(../images/square_blue.gif) 19px 50% no-repeat;
	color: #CC0000; font-size: 11px;
	}

#nav ul .subcat3-activo a:hover {color: #ff6600;}
	
#memberLogin {
border: 1px solid #CCFF00;
border-bottom: 2px solid #CCFF00;
margin: 35px 10px 20px 10px;
padding: 5px;
text-align: left;
}

#memberLogin input { width: 110px; margin: 5px;}
#memberLogin #submitform { width: auto;}
#memberLogin label { float: left; text-align: left;}

#memberLogin a { font-size: 11px; line-height:normal;}
#memberLogin form, #memberLogin input{ font-size: 11px; line-height:normal; background: none;}

#memberLogin p{
font: 11px Arial, Helvetica, sans-serif;
line-height: normal;
text-align: left;
padding: 5px 0 5px 15px;
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;}

#rightcol {
margin: 19px 0 0 0;
float:right;
width:720px;
background: #FFFFFF;
}	
	
#main {
	width: 335px;
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
	line-height: 170%;
	text-align:left;
	}
	
#maininside {
	width: 525px;
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
	line-height: 170%;
	text-align:left;
	}
	
#main img, #maininside img {
border: #727b2c solid 1px;
border-style:thin; border-color:#727b2c; border-width: 1px; border-top-width:4px;
float:right; 
margin: 50px 10px 5px 10px; padding:0;
}

#fullpagepic img, #mainpageimage img{border-top:solid #bbd349;border-bottom:solid #003366; border-width: 2px 0 4px 0; float: none; margin:0 0 10px 5px; padding:0;}

#anuncio, #quotes{
float: right;
display: inline;
width: 185px;
background: url(../images/side_bg.gif) no-repeat;
margin: 10px 10px 0 0;
padding: 10px 0 10px 0;
}

#anuncio h3, #quotes h3{
	font-size:12px;
	margin: 0px;
	padding:10px 10px 0 30px;
	text-align:left;
	font-weight:bold;
	text-transform: none;
	color: #003366;
	line-height: 15px;
	background-image: url(../images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

#anuncio h3 p, #quotes h3 p{margin:0; padding:0;}

#anuncio #pic, #quotes #pic{
	padding-top: 5px;
	}

#anuncio p, #quotes p {
	font-family: Arial, "Lucida Sans";
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding:5px 5px 0 30px;
	font-size:11px;
	line-height: 13px;
	color:#727B2C;
	}

#main ul, #main ol, #maininside ul, #maininside ol {
	padding: 0 5px; margin: 0 0 10px 0;
	list-style-type: none;
	}
	
#main ul li{
	background: url(../images/square_green.gif) left 7px no-repeat;
	text-align:left;
	padding: 0 0px 10px 15px;
	margin: 10px 0;
	border-bottom: 1px dotted #CCCC66;
	}

#main ol li{
	background: url(../images/square_green.gif) left 7px no-repeat;
	padding: 0 0px 0px 15px;
	margin: 5px 0;
	text-align: justify;
	}

#maininside ul li{
	background: url(../images/square_green.gif) left 16px no-repeat;
	text-align:justify;
	padding: 10px 0px 10px 15px;
	border-bottom: 1px dotted #CCCC66;
	}
	
#maininside ol li {
	background: url(../images/square_green.gif) 20px 10px no-repeat;
	text-align:justify; padding:5px 35px; border: none;
	}
	
#main a, #maininside a {
	color: #122750;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	}
	
#main a:hover, #maininside a:hover {
	color: #99cc00;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
	}
	
.memberlist{ padding: 0 0 0 15px; display: block; margin: 0 0 5px 0;}
.memberlist a{ text-decoration: none; color:#666600;}
		
#footer { 
	background: #BBD349;
	clear:both;
	margin: 0px 0 0 0;
	padding: 0;
	font: normal 10px verdana, arial, geneva, helvetica, sans-serif;
	width:720px; height:45px;
	border-top: #122750 solid 1px;
	margin-left:auto;
	margin-right:auto;
	}
	
#footlnk {
	margin: 0; padding:0 0 0 5px;
	text-align: left;
	float:left;
	}

#footlnkImg{ margin: 0 5px 0 0; height: 87px; float: left;}	

#footlnk2 {
	margin: 5px 0 0 10px; padding:0;
	text-align: left;
	float:left;
	}

#footlnk3 {
	margin: 25px 10px 0 0; padding:0;
	text-align: left;
	float:right;
	}

#footer a {
	text-decoration: none;
	color: #424343;
	}
	
#footer a:hover {
	text-decoration: none;
	color: #000;
	}
	
#footer span {
 	color: #000;
	}
	
.details {
	text-align: center;
	}


/* NEW FORM */
form
{
	margin: 0 0 10px 10px;
	padding: 0px;
}
form .dinput{ width: auto; margin:0px; padding:0px;}
form .dinput radio{ border: 1px solid #99cc00; margin:0; padding:0;}
legend{ margin:0; padding:0;}
input{width: 20em; border: 1px solid #99CC00; margin: 0 0 5px 0; padding: 2px;}
.radio{ margin:5px 2px 0 0; padding:0px 5px 0 0; border: 1px solid #99cc00; width:auto; position: inherit;}
fieldset.survey_item{ border:1px solid #CCCCCC; padding:0 10px 5px 10px; margin: 10px 0 15px 0;}
legend.question{ font: bold 14px Arial, Helvetica, sans-serif;}
textarea{width: 35em; border: 1px solid #99CC00; margin: 0 0 5px 0; padding: 2px;}
#submitform{background: #99CC00; margin:5px 0 0 0; padding: 2px; width:auto; display: block;}
label{margin:0 0 5px 0px; padding:0px; font: bold 12px Arial, Helvetica, sans-serif; display: block;}
select{display: block;}

/* CONTACT FORM */
form#mailform {margin:0 5px; padding:0 0 10px 0;}
form#mailform label{text-align:left; padding:3px 0 0 0; margin:0 0 5px 0; float: left; font: normal 12px Arial, Helvetica, sans-serif; width: 60px; height: 19px; border:0px solid #000;}
form#mailform input, form#mailform textarea{float:right; margin:0 0 5px 0;padding:2px; background:#f3f3f3; display:compact; width: 250px;}
form#mailform input.csc-mailform-submit{ clear: both; width: auto; font: normal 11px Arial, Helvetica, sans-serif; background: #666; color:#fff; border: 1px solid #ccc; margin:5px 0; padding: 2px; text-align:right; float:right;}

/* Surveys and voting */
.survey_error{ font: bold 14px Arial, Helvetica, sans-serif; margin:0 0 0 5px; padding:0; color:#FF0000;}
		
/* Clearfix */	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix .theform{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#maininside ul li.csc-textpic-image{list-style:none; margin:0; padding:0; background:none; border:none;}
#maininside ul li.csc-textpic-image img{margin-top:0px; margin-bottom:15px;}

.tx-pilmailform-pi1{}
.tx-pilmailform-pi1 form{ margin:0; padding:0 0 0 5px;}
.tx-pilmailform-pi1 form p{ margin:0; padding:15px 0; border:0px solid #000; clear:both;}
.tx-pilmailform-pi1 input{width: auto;}
.tx-pilmailform-pi1 label{ display: inline;}
.tx-pilmailform-pi1 select{ display:compact; width: auto; float: left;}
.tx-pilmailform-pi1 textarea{ width:99%}
.contact_field{ float:left; clear: both; display: block; border:0px solid #000; width:99%; margin:0 0 5px 0;}
.spacer{ background:#727B2C; height:1px; width:99%; clear: both; margin:15px 0; padding:0; line-height:0;}
.error{ color:#FF0000;}