/* CSS Document */
*{margin:0; padding:0; border:0;}

a:active, a:link{ border:none; text-decoration:none;}

html, body{
  background:#fff url(../images/tucanbg.jpg);
  background-position:bottom right;
  background-repeat:no-repeat;
  font-family:Verdana;
  font-size:90%;
  min-height:800px;
}

ul{
  list-style-position:inside;
  text-indent:10px;
}

h1{
  font-size:1.6em;
  /*border-bottom:1px dotted #AAA;*/
  color:#333;

}

h1{
  font-size:1.4em;
  font-style:italic;
  width:600px;
}
h2{
  font-size:1.4em;
  font-style:italic;
  width:600px;
}

hr{
  position:relative;
    left:0px;
  min-width:630px;
  width:65%;
  height:2px;
  border:solid 1px rgb(67,167,71);
}

form {
  position:relative;
  top:0px;
  left:190px;
  width:400px;

  text-align:justify;

}



a{
  text-decoration:none;
}

a.linkito, a:visited.linkito, a:hover.linkito, a:active.linkito{

  color:#000000;
  cursor:text;
}

div.textito{
  position:relative;
  width:70px;
  height:20px;
  float:left;
  top:3px;
  font-weight:bold;

}


input, textarea{
  position:relative;
  top:0px;
  margin:0px;
  border:1px groove #888;
  width:300px;

}


#enviar{
float:right;
width:100px;
position:relative;
  margin:5px;
margin-right:28px;
background-color:rgb(227,174,36);
color:#ffffff;
font-weight:bold;
}

#cabecera{
  min-width:850px;
  width:65%;
}



#page-container{

margin-top:10px;
min-width: 1000px;
width:90%; 
position: relative; margin-left: auto; margin-right: auto;
/*background: #fff;*/
position: relative;
  min-height:790px; 
height: auto !important;
height: 100%; 
/*border-style:dotted;
border-width:1px;
border-color:#999;*/

}

#menu {  

	list-style:none;
	margin:0;
	padding:0;
}
#menu li {

	margin:0px;
	margin-left:4px;
	margin-top:4px;
	padding:0; /*Ya no necesito el padding, tambien quitare el borde que puse antes.*/
	float:left;
}
#menu li a {
	display:block; /*//Convertimos el vínculo en un bloque.*/
	width:150px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:1em;
	color:#000;
	background-color:#ddd;
}
/*//Ahora vamos con el hover:*/
#menu li a:hover {
	color:#000;
	background-color:#fff;
}


#menu li a.on{
  color:#882200;
  background-color:#FFF;
}



#contenidos{
  padding-top:50px;
  padding-bottom: 40px; 
  padding-left: 20px;
  padding-right: 20px;
  height:100%;
  min-width:850px;
  width:90%;
}

#contenidos img{
  margin:10px;
  margin-top:20px;
/*  border:solid 1px;
  border-color:#666;*/
}



#contenidos p{
  padding-top:10px;
  padding-bottom:10px;
  width:65%;
  
}

p.megah1{
  font-size:1.4em;
  font-weight:bold;
}

#formulario{
  position:relative;
  top:0px;
  left:0px;
}




#botones{
  position:relative;
  top:0px;
  left:0px;
  width:590px;
  height:190px;
}


#pie{

  padding-top:10px;
  padding-bottom: 10px;
  color:#000;
  padding-left:20px; 
  padding-right:20px;
}

#pie p{
  text-align:center;
  font-size:0.8em;
}

#pie a, #pie a:hover, #pie a:link, #pie a:visited{
  color:#000;
}

.der{
position:relative;
width:45%;

}

.izq{
position:relative;
width:45%;
float:left;
}

span.botonverde1, span.botonverde2 {
  position:absolute;
  top:170px;
  font-weight:bold;
  color:#fff;
  font-size:1.1em;
}

span.botonverde1{
  left:65px;
}

span.botonverde2{
  left:380px;
}

#imagendefondo2{
position:absolute;
top:350px;
left:20px;
}

p.direccion{
font-weight:bold;
}


p.direccion span{
  color:#696;
}

.txt_error{
  color:#B00;
  font-weight:bold;
}