/* CSS Document */
/* Hoja de estilos para www.anfora.net */

body, td{
	margin:0;
	padding:0;	
	text-align: center;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  	font-size: 0.8em;
  	/*voice-family: "\"}\""; 
	voice-family:inherit;*/
	height: 100%;
	min-width:900px; /*** This is needed for moz. Otherwise, the header and footer will
	slide off the left side of the page if the screen width is narrower than the design.
	Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
}
td{
	min-width:0px; 
}
body{
	/*background-color: #ede6e6;*/
	background-color: #E5DCDE;
}
br {
	clear: both;
}
.clear{
	clear:both;
	/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/
	height:1px;
	overflow:hidden;
	line-height:1%;
	font-size:0px;
	margin-bottom:-1px;
}
input{
	width:110px;
}

acronym {
	border-bottom: 1px dotted;
}
a img{
	border: 0;
}
a{
	text-decoration: none;
	color: #800000;
}
a:link{
	color: #800000;
}
a:visited{
	color: #800000;
}
a:hover{
	text-decoration: underline;
}
acronym, abbr {
	cursor: help;
}
kbd {
	line-height: 2em;
	border-top: .15em solid #CCC;
	border-right: .25em solid #AAA;
	border-bottom: .3em solid #888;
	border-left: .2em solid #BBB;
	padding: 0 .2em;
	background: #EEE;
	vertical-align: text-bottom;
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
}
.checkboxes{
	width:20px;
	border:none;
}
FIELDSET{
	border:1px solid #aaaaaa;
}
LEGEND{
	padding:2px;
	margin-left:5px;
}
LABEL{
	margin:15px 15px 15px 15px;
}
.ayuda-acces{
	position: absolute;
	left: -1000px;
	width: 1px;
	font-size:1px; 
	line-height:1%;
}
/* Capa que contiene a todas las demas */
#web_fondo{
	background-color:#ede6e6;
	width:100%;
}
#web_marco {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:990px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	/*height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	min-height:570px;
	font-size: 100%;
	background-color:#FFFFFF;
}
#web_marco_bixon {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:400px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	/*height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	min-height:570px;
	font-size: 100%;
	background-color:#FFFFFF;
}
#web {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:970px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	font-size: 100%;
	background-color:#FFFFFF;
	padding-top:10px;
}
#web_demos {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:990px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	/*height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	min-height:515px;
	height:515px;
	font-size: 100%;
    clear: both; 
	/*background-image:url(../images/fondo_demo.jpg);
	background-repeat:no-repeat;*/
	width:100%;
	position:relative;
	background-color:#FFFFFF;
}
#web_demo03 {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:990px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	/*height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	min-height:570px;
	height:570px;
	font-size: 100%;
    clear: both; 
	/*background-image:url(../images/fondo_demo.jpg);
	background-repeat:no-repeat;*/
	width:100%;
	position:relative;
	background-color:#FFFFFF;
}
#web_bixon {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:400px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	/*height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	min-height:570px;
	height:570px;
	font-size: 100%;
    clear: both; 
	/*background-image:url(../images/fondo_demo.jpg);
	background-repeat:no-repeat;*/
	width:100%;
	position:relative;
	background-color:#FFFFFF;
}
#bixon_arriba{
	float:left;
	width:400px;
	height:51px;
	padding-top:15px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	text-align:center;
	border-bottom:1px dashed #34b233;
}
#bixon_pantallazo{
	padding-top:5px;
	float:left;
	width:400px;
	height:295px;
	text-align:center;
	float:left;
}
#bixon_texto{
	float:left;
	width:360px;
	height:200px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:10px;
	line-height:18px;
	background-color:#FFFFFF;
	background-image:url(../images/bixon_texto_fondo.jpg);
}
#bixon_pie{
	background-color:#FFFFFF;
	float:left;
	border-top:1px dashed #34b233;
	padding-top:3px;
	padding-bottom:5px;
	width:380px;
	padding-left:10px;
	padding-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:70%;
	color:#34b233;
	text-align:center;
}
#bixon_pie a{
	color:#34b233;
}
#bixon_pie a:hover{
	color:#605d5c;
}
#demo03_arriba{
	float:left;
	width:990px;
	height:269px;
	text-align:right;
	background-color:#FFFFFF;
}
#demo03_abajo{
	float:left;
	width:990px;
	padding-top:10px;
	padding-bottom:10px;
	height:490px;
	text-align:center;
	background-color:#FFFFFF;
}
#demo01,#demo02,#demo03{
	float:left;
	width:305px;
	padding-top:54px;
	padding-left:163px;
}
#demo01{
	height:113px;
	background-image:url(../images/fondo_demo_01.jpg);
	background-repeat:no-repeat;
}
#demo02{
	height:130px;
	background-image:url(../images/fondo_demo_02.jpg);
	background-repeat:no-repeat;
}
#demo03{
	height:125px;
	background-image:url(../images/fondo_demo_03.jpg);
	background-repeat:no-repeat;
}
#demo01 a,#demo02 a,#demo03 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	color:#800000;
}
#demo01 a:hover,#demo02 a:hover,#demo03 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	color:#6A6A6A;
}
#demos_abajo{
	float:left;
	width:468px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	height:30px;
	text-align:center;
	background-color:#FFFFFF;
	color:#800000;
	font-size:90%;
	font-weight:bold;
}
#demos_abajo a{
	color:#000000;
}
/*  CABECERA - Inicio  */
#cabecera {
	color: #fff;
	margin: 0px;
	padding: 0;
	height: 120px;
}
/*  CABECERA - Fin  */

/*  MENU ARRIBA - Inicio  */
#menu_arriba{
	/*float: left;*/
	width:auto;
	height:20px;
	background-color:#FFFFFF;
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
}
#menu_arriba li{
	list-style: none;
	display: block;
	float:left;
	color: #800000;
	font-size : 1em;
	line-height:20px;
	text-decoration: none;
	margin: 0px 4px 0px 4px;
	padding: 0px 0px 0px 0px;
	width:auto;
	vertical-align:middle;
	text-align:center;
}
h1{
	color: #800000;
	font-size : 1em;
	margin-bottom:0;
	margin-top:0;
	font-weight:normal;
}
h1 a{
	text-decoration: none;
	color: #6A6A6A;
}
h1 a:link{
	color: #6A6A6A;
}
h1 a:visited{
	color: #6A6A6A;
}
h1 a:hover{
	text-decoration: underline;
	color: #800000;
}
/*  MENU ARRIBA - Fin  */
/*  CONTENEDOR - Inicio  */
#contenedor{
    clear: both; 
	background-image:url(../images/verti_fondo.gif);
	background-repeat:repeat-x;
	width:100%;
	position:relative;
}
/* clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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


/*  CONTENEDOR - Inicio  */
.infoURL {
	display: none;
}
#marco_contenido{
	width: 950px;
	height:100%;
	float: left;
	padding-left:10px;
	padding-right:10px;
}
/*  MENU IZQUIERDA - Inicio  */
#menu_izquierda {
	width: 200px;
	height:100%;
	float: left;
	text-align: left;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
}
#menu_izquierda div{
	background-color:#ede6e6;
	text-align:center;
	color:#800000;
	height:18px;
	line-height:18px;
}
#menu_izquierda #submenu{
	background-color:#ede6e6;
	height:192px;
	padding:2px 10px 2px 10px;
}
#menu_izquierda li{
	text-align:left;
	color:#333333;
	height:18px;
	line-height:18px;
	border-bottom:1px dashed #CCC4C4;
	list-style:none;
	margin-top:2px;
	margin-bottom:2px;
	font-size:0.90em;
	margin-left:-2px;
}
#menu_izquierda li a{
	color: #333333;
	text-decoration: none;
}

#menu_izquierda li a:hover{
	color:#800000;
	text-decoration: none;
}

/*  MENU IZQUIERDA - Fin  */
/*  MENU DERECHA - Inicio  */
#menu_derecha, #menu_derecha_blog {
	width: 220px;
	height:100%;
	float: right;
	text-align: left;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
}
#menu_derecha_blog{
	font-size : 1em;
	/*background-image:url(../images/blog.gif);
	background-repeat:repeat-y;*/
	height:400px;
}
#menu_derecha_blog li{
	padding-left:20px;
	height:20px;
	line-height:20px;
	list-style:none;
}
#usuario_entrar{
	width: 210px;
	height: 60px;
	padding: 10px 10px 10px 0px;
	background-image:url(../images/borde_usuario.gif);
	background-repeat:no-repeat;
	color: #333333;
	font-size : 0.85em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
#capa_noticias{
	width: 200px;
	height: 160px;
	padding: 10px;
	background-image:url(../images/borde_noticias.gif);
	background-repeat:no-repeat;
}

#pscroller_noticias{
	width: 200px;
	height: 140px;
	color: #333333;
	font-size : 0.85em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	text-align:justify;
}
/*  MENU DERECHA - Fin  */
#capa_calendario, #capa_blog{
	width: 710px;
	float: left;
	background-image:url(../images/separador.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#e7dddd;
}
#capa_calendario_blanco, #capa_blog_blanco{
	width: 709px;
	float: left;
	margin-right:1px;
	background-color:#FFFFFF;
}
.referencias_imagen{
	float:left;
	width:690px;
}
.referencias_imagen img{
	width:690px;
}
.referencias_txt{
	float:left;
	width:690px;
}
#capa_blog_blanco{
	min-height:400px;
}
#capa_blog_contenido{
	padding-left:10px;
	padding-right:10px;
}
#capa_blog_contenido h2{
	background-color:#FAF8F7;
}
#capa_blog_contenido li{
	list-style:none;
	line-height:20px;
	/*height:20px;*/
	font-size:1em;
	margin-bottom:10px;
}
#capa_blog_contenido li img{
	float:left
}
#capa_blog_contenido li fieldset{
	width:96.5%;
}
#capa_blog_contenido .txt_foto_blog{
	float:right;
	width:465px;
	padding-left:10px;
	border-left:1px dotted #999999;
}

#capa_calendario_leyenda{
	width: 690px;
	background-color:#FFFFFF;
	float:left;
	padding-left:10px;
	padding-right:10px;
	height:25px;
}
.capa_calendario_mes{
	width: 200px;
	padding-left:10px;
	padding-right:22px;
	background-color:#FFFFFF;
	float: left;
}
#capa_zonaclientes{
	width: 730px;
	float: left;
	background-image:url(../images/separador.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#e7dddd;
}
#capa_zonaclientes_blanco{
	width: 709px;
	float: right;
	margin-left:1px;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	min-height:450px;
}
#capa_zonaclientes_izquierda #lista_archivos li{
	text-align:left;
	color:#333333;
	height:18px;
	line-height:18px;
	/*border-bottom:1px dashed #CCC4C4;*/
	list-style:none;
	margin-top:2px;
	margin-bottom:2px;
	font-size:1em;
}
#capa_zonaclientes_izquierda, #capa_zonaclientes_registro{
	width: 500px;
	height: auto;
	color: #333333;
	font-size : 0.85em;
	text-decoration: none;
	float: left;
}
#capa_zonaclientes_registro{
	width: 450px;
}
#capa_zonaclientes_izquierda input, #capa_zonaclientes_registro input{
	width:340px;
	margin:0px 0 20px 0;
}
#capa_zonaclientes_izquierda TEXTAREA, #capa_zonaclientes_registro TEXTAREA{
	width:350px;
	margin:0px 0 10px 0;
}
#capa_zonaclientes_derecha{
	width: 180px;
	height: 420px;
	color: #999999;
	font-size : 0.85em;
	text-decoration: none;
	text-align:justify;
	float: right;
	padding-left:10px;
	padding-right:2px;
	border-left:1px dotted #C9B4B4;
}

#borde_contenido{
	width: 490px;
	min-height:800px;
	height:auto;
	float: left;
	font-size:100%;
	background-image:url(../images/separador.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#e7dddd;
	text-align:center;
}
#contenido{
	margin-left:1px;
	margin-right:1px;
	width: 468px;
	min-height:800px;
	height:auto;
	line-height:1.6em;
	color:#58595b;
	font-size:110%;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFFFFF;
	/*min-height:656px; /*PARA EL MODELO VIEJO (CALENDARIO EN EL LADO IZQUIERDO): 450px*/
}
#contenido h2, #capa_zonaclientes_blanco h2, #capa_blog_blanco h2{
	color:#800000;
	font-size: 95%;
	font-weight:normal;
	margin: 0px 0px 15px 0px;
	text-align:left;
	border-bottom:2px solid #d9d2d2;
}
#contenido h2{
	color:#7F0400;
	font-size: 98%;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	text-align:left;
	border-bottom:2px solid #d9d2d2;
}
#capa_blog_blanco h2{
	color:#AD9B9F;
	border-bottom:2px solid #EDE6E6;
	width:98%;
	height:47px;
	padding:5px;
	text-align:center;
}
#contenido h3 {
	color:#800000;
	font-size: 95%;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	text-align:left;
	border-bottom:1px solid #d9d2d2;
}
#contenido p, #capa_zonaclientes_blanco p{
	color:#333333;
	font-size: 0.85em;
	font-weight:normal;
	margin: 8px 0px 8px 0px;
	text-align:justify;
}
#contenido p .notis, #capa_blog_contenido p .notis{
	color:#333333;
}
#contenido p .notis a:hover, #capa_blog_contenido p .notis a:hover{
	text-decoration: underline;
	color:#800000;
}
#capa_blog_contenido p .notis, #capa_blog_contenido p .notisf, #capa_blog_contenido .notisp{
	font-size: 0.85em;
	line-height:2em;
}
/*  CONTENEDOR - Fin  */
/*  PIE - Inicio  */
#pie {
	clear: both;
	height: 60px;
	line-height:28px;
	/*width: 990px;*/
	width: 100%;
	/*background-color: #ede6e6;*/
	background-color: #E5DCDE;
	color:#666666;
	font-size:0.85em;
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:center;
}
#pie a{
	color: #666666;
	text-decoration: none;
}

#pie a:hover{
	text-decoration: underline;
	color:#666666;
}
/*  PIE - Fin  */

#estamos_en{
	float:right;
	text-align:right;
	font-size:1em;
	height:20px;
	width:500px;
}
.estamos_en_texto{
	float:left;
	text-align:left;
	padding-left:5px;
}
.estamos_en_img{
	float:left;
	padding-left:5px;
}
.frase_fondo{
	background-color:#FBFAFA;
	border:2px solid #F7F4F4;
	font-size:0.85em;
	text-align:left;
	padding:5px;
	margin:0px;
	margin-bottom:10px;
	width:97%;
	clear:both;
}
.frase_capa{
	margin-bottom:10px;
	clear:both;
}
.frase_foto{
	float:left;
	padding-right:10px;
}
.frase_textos{
	float:left;
}
.frase_fecha{
	border-right:1px solid #CCCCCC;
}
.frase{
	width:340px;
	border-right:1px solid #CCCCCC;
}
.frase_votos{
	padding-left:10px;
	float:right;
	width:50px;
}
.frase_comentarios{
	padding-left:0px;
	float:left;
	font-size:1.2em;
	width:100%;
	clear:both;
}
.frase_comentarios p{
	border-top:1px dotted #CCCCCC;
	width:100%;
}