/******************************* standard stuff *************************************/

body{
  font-family: arial, helvetica, sans-serif;
  font-size:   13px;
  color: #003399;
}

strong {  font-weight:bold }
em { font-style: italic }
blockquote { color:#888888; text-indent:37px }
cite { font-weight: bold }

pre {
  padding: 10px;
  font-size: 11px;
  background-color:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
  line-height:140%;
 
  /* make lines wrap in pre tag - browser specific so not valid css - lousy browsers */
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

code {
  font-family: monaco,"lucida console","courier new",courier,serif;
  font-size-adjust: none;    
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
}


div#bloque {
height:100%;
margin: 0 auto;
width:960px;
text-align: left; /* por culpa del explorer 8 */
background-color: #ffffff
}
 
div#conner {
height:100%;
margin: 0 auto;
width:960px; /*960px*/
text-align: left; /* por culpa del explorer 8 */
}

div#conbox {
float:left;
/*width: 960px; /* ancho total de la columna izquierda */
height: 100%;
background-color: #fff;
}

div#Farriba { background-color: #eefffe; font-size: 12px; margin: 10px }
div#Fiz { float: left; width:460px; height: 100%; font-size: 12px; margin: 10px  }
div#Fdc { float: left; width:460px; height: 100%; font-size: 12px; margin: 10px }

div#pie { clear:both; margin: 0 auto; text-align: left; /* por culpa del explorer 8 */ font-size: 12px }

.llamada { font-size: 12px; font-family: Arial; color: #239623; text-align: left; font-weight: bold; padding: 10px 0px 0px 0px }  

/*********************************** forms *****************************************/
#formualta p { margin: 0px 0px 0px 0px; padding: 8px 5px 0px 0px}

.tit_na_22 { FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #ff6600; FONT-FAMILY: Verdana }
.texto { font-size: 13px; font-family: sans-serif, arial; color: #000000; text-align: left; font-weight: normal; margin: 0px; padding: 0px 0px 0px 10px }  
.separa   { width: auto; margin: 5px; padding: 3px 0px; border-bottom: solid 1px #239623; clear:both }

input, textarea, select { border:1px solid #aaaabb; padding: 4px; background:#eeeeee; margin-top:0px }
select.largo { width: auto; padding: 3px }
input.checkbox { width:15px; background:none; border:0 }
input.radio_button { width:15px; background:none; border:0 }
input.corto { width:80px }
input.largo { width:300px }
input.extralargo, select.extralargo { width:400px }
input:hover, textarea:hover, select:hover { border:1px solid #888888 }
input:active, textarea:active, select:active { border:1px solid #888888 }
/*input.submit { background:#ffffff -20px 0 no-repeat; color:#ffffff }
input.submit:hover { cursor: pointer }
*/
textarea.deep { height:350px }
textarea.shallow { width: 400px; height: 200px }


/********************************* LiveValidation *************************************/

.LV_valid {
	display:inline;
	color:#00CC00;
}
	
.LV_invalid {
	display:block;
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}


/************************************ HELPERS ***************************************		
.floatRight { float:right }
.floatLeft { float:left }
.clearBoth { clear:both }
.clearLeft { clear:left }
.clearRight { clear:right }
.inline { display:inline }
.block { display:block }
.hidden { display:none }
.invisible { visibility:hidden }
.visible { visibility:visible }
************************ MY ELEMENTS ******************************************/


/** content stuff ********************
#topMain {
  height:30px;
  background:transparent url(../images/bgs/topMainBg.gif) top left no-repeat;
  clear:both;
}

#bottomMain {
  height:30px;
  background:transparent url(../images/bgs/bottomMainBg.gif) top left no-repeat;
}

#main {
  margin:0;
  background:transparent url(../images/bgs/mainBg.gif) top left repeat-y;
}

.container_with_padding {
  padding: 0px 30px;
}

#main li {
  padding: 2px;
  width:620px;
  margin: 0 auto;
}

li.odd {
  background:#FFE2C4;
}

.crumbs {
  margin:0 0 20px 0;
}

cite {
  color:#FF9422;
}

.last {
	margin-bottom:0;
}

** forms *****/


/*.vote_button { width:inherit }*/
/*input.radio_button { margin-left:50px }*/
input.submit { color: #fff; font-size: 18px; cursor: pointer; background:#ff6600; border-bottom: 2px solid #999999; border-right: 2px solid #999999 }