*{-moz-box-sizing: border-box;box-sizing: border-box; margin: 0; padding: 0;}
@font-face {font-family: afontH1; src: url('../plan/afontH1.ttf');}
@font-face {font-family: afontextos; src: url('../plan/afontextos.ttf');}
body{
padding:0;  margin:0; margin-top: 10px;
background-color: #92813C;
color: #000000;
font-family:afontextos;
}
ul, h1, h2, h3, h4, p, img{ padding:0; margin:0; }
h1,h2 { color: #000000; font-family:afontH1;}
p {color: #000; font-size:1.2em; text-align: justify; padding: 8px}
li{ color: #000000;}
td {vertical-align:text-top;}

img{ margin: 5px }
img.round{
  box-shadow: 3px 3px 10px #333300;
  -webkit-box-shadow: 3px 3px 10px #333300;
  -moz-box-shadow: 3px 3px 10px #333300;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.round{
   border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

a img {border: none;}

a { text-decoration: none; color: #FF6600 }
a:hover { text-decoration: none; color: #FF0000; }
ul{	list-style-type:none;}
.blank{	font-size:0px; clear:both; line-height:0px;	}
.error{ color: #FF0000; font-size: 12px }

form {color:#000000; font-size:0.8em;   background-color:#F5F5F1;  padding: 5px; margin:0;}
fieldset {margin: 5px; padding: 1em; border: 1px solid #660000;}
legend { color : #333; margin : 0; padding : 0.5em;}
label { display : block;}
input { font-family: Tahoma, Verdana, Arial; font-size: 10pt; color: #660000; width: 200px; }
select { font-family: font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-size: 10pt; color: #660000; background-color: #FFF;width: 200px; }
textarea{background-color: #FFF; width:99%}
form img {float:right;}
td {vertical-align:top; padding: 5px;}
div.pag{ min-height: 160px;}
p.contador{
  background-color: #C8B879;
  padding: 3px;
  margin:6px;
  float: left;
  height: 40px;

  }

/*----------------------------------body part----------------*/
#mainBody{
  width:930px;
  margin:0px auto 10px auto;
  background: #FFFFFF;
  box-shadow: 3px 3px 19px #000000;
  -webkit-box-shadow: 3px 3px 19px #000000;
  -moz-box-shadow: 3px 3px 19px #000000;
  -ms-box-shadow: 3px 3px 19px #000000;
   behavior: url(plan/ie-css3.htc);
   }
/*--------------------------------header pan---------------------------*/
#topHeader{
    height:260px;
    background-color: #FFFFFF;
   	}
#topHeader ul{
    margin-left: 5px;
    margin-top: 10px;
	width:99%;
    display:block;
    height:21px;

	}
#topHeader ul li{
display:block; float:left; height:21px; margin:20px 1px 1px 4px ; padding:0;}
#topHeader ul li a{
	font: bold 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:10px 14px 10px 14px; color:#000000;
	background-color:#F2F2F2; text-decoration:none; margin:0; height:21px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;

	}
#topHeader ul li a:hover{ color:#CC0000; background-color:#FFF;	}


/*   los contenidos */
#contenido{
  float: none;
  width: 930px;
  background-color: #FFFFFF;
  margin-top: 0px; margin-bottom: 0px;
}

/*-------------------------------footer---------*/

#footer{ height: 100px; background-color: #92813C; }
#footer ul{
    display:block;
    padding-left:380px;
    padding-top: 10px;
    font-size:0;
	}
#footer ul li{
	color:#FFFFFF; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#FFFFFF; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none; padding:0 6px 0 6px;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#boton1 { cursor: pointer; }
#boton2 { cursor: pointer; }

.caja_busqueda{
  float: right;
  background-color: #FFCC99;
  margin: 5px;
}


.left {
	top: 0;
    left: 0;
	width: 210px !important;
	height: 210px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 210px;
}

ul { list-style-type: none;}


div.selectportada { background-color: transparent ; margin-top: 200px }

.demo{margin-top:0px;}
.gallery{margin:0;}
.gallery li{width:104px;height:78px;margin: 0px 8px 0px 0px;background:#FFFFFF; float:left;}
#main_image{ margin-left:-10px;height:360px;width:480px;background:#FFFFFF;}
#main_image img{margin-bottom:5px;}


/*  ajax formulario */

#formContenedor {     }

#caja_buscador{ padding: 0px; margin: 0px  }
#caja_buscador p { height: 30px; margin-top: 0px; }

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

.label { width:110px; text-align:left; }

.campo { width:220px; }

.ayuda { width:25px; text-align:center; }

.inputNormal { border:1px solid; }

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFFFFF;
	z-index:1;
	position:absolute;
	width:360px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
    color: #FF0000;
}

#ayudaTitulo
{
	background-color:#000000;
	color:#FFFFFF;
	padding:1px;
}

#ayudaTexto
{
	vertical-align:middle;
	padding:2px;
}
/*  ajax formulario FIN */







/* DIRECTORIO*/



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.boton {
color: #000000;
background-color: #FFF;
border: 1px solid #FD5E55;
font-size: 10px;
padding: 3px;
font-weight: bolder;
}

.bottom a{color:#003300; font-size:12px; background:inherit;}
.bottom a:hover{color:#CC0000; font-size:12px; background:inherit; text-decoration: none }

.button	{
background: #003366;
color: white !important;
font-size: 14px;
border: none;
padding: 8px 15px 6px 15px; }

.button:link	{
background: #003366;
color: white !important;
font-size: 14px;
border: none;
padding: 8px 15px 6px 15px; }

.button:hover	{
background: #0053A6;
color: white !important;
font-size: 14px;
border: none;
padding: 8px 15px 6px 15px;  }



.menu {
    background-color: #FFF;
	border-bottom: 1px solid #CCC;
    padding: 5px 10px 5px;
}

#links {
	clear: both;
    border: 1px solid #4B4E9C;
	-moz-border-radius: 8px;
	padding: 15px;
	background-color: #FFF;
	margin: 10px;
}
.link {
    clear: both;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 20px;
    height: 130px;
    border-bottom: thin solid #4B4E9C;
    font-size: 0.9em;
}

.new_category, .new_link {
	padding: 15px;
	background-color: #fff;
	-moz-border-radius: 8px;
}
.clear {clear: both;}
.confirmation {
	padding: 50px;
	margin: 50px;
}
.category {
    background-color: #F8F5ED;
	float: left;
	padding: 5px;
	width: 130px;
	height: 100px;
	margin: 2px;
	margin-bottom: 5px;
    font-size: 1em;
    text-align: left;
}

#categories {float: left; margin: 10px;}
a.sub {	font-size: 11px; }
.linker_form { padding: 50px;}
.category_description {	font-size: 1.4em; padding: 12px; }