@charset "utf-8";
/* -------------------------------------------
    desarrollado por http://rvelap.riojaperu.com
    rolando.vela@gmail.com
------------------------------------------- */

/**{-moz-box-sizing: border-box;box-sizing: border-box}
p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}*/
 
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/fondo.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#menusup{
margin: 0px 0px 0px 20px;
vertical-align:middle;
text-align:center;
height:15px;
}

hr{
speak-punctuation:code;
border:1px #333333 solid;
height:1px;
COLOR: #000000;
}

h1{
font-size:16px;
color:#003300;
}

#menusup a:link{
	border-right: #CCCCCC 1px solid;
	COLOR: #FFFFFF;
	FLOAT: left;
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	WIDTH: 150px
}

#menusup a:hover{
	BORDER-BOTTOM: #000000 1px solid;
	border-right: #000000 1px solid;
	background-color:#336600;
	COLOR: #FFFFFF;
	FLOAT: left;
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	WIDTH: 150px
}

#menusup a:visited{
	border-right: #CCCCCC 1px solid;
	COLOR: #FFFFFF;
	FLOAT: left;
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	WIDTH: 150px
}


#menusup .over{
	BORDER-BOTTOM: #000000 1px solid;
	background:url(../img/vinactivo_sup.gif) right no-repeat;
	background-color:#CC9900;
	border-right: #CCCCCC 1px solid;
    COLOR: #FFFFFF;
    FLOAT: left;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    MARGIN: 0px;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: middle;
    WIDTH: 150px
}



#menuizq{
margin: 0px 0px 0px 0px;
vertical-align:middle;
text-align:center;
}

#menuizq a:link{
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #000000 1px solid;
	FLOAT: left;
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: right;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	WIDTH: 165px
}

#menuizq a:hover{
	BORDER-BOTTOM: #000000 1px solid;
	background-color:#336600;
	COLOR: #FFFFFF;
	FLOAT: left;
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: right;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	WIDTH: 165px
}

#menuizq a:visited{
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #000000 1px solid;
	FLOAT: left;
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: right;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	WIDTH: 165px
}


#menuizq .over{
	BORDER-BOTTOM: #000000 1px solid;
	background:url(../img/vinactivo.gif) right no-repeat;
	background-color:#CC9900;
    COLOR: #FFFFFF;
    FLOAT: left;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    MARGIN: 0px;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: middle;
    WIDTH: 165px
}

#menuizq .sublink{
	BORDER-TOP: #FFFFFF 1px solid;	
	BORDER-BOTTOM: #FFFFFF 1px solid;
	background-color:#336600;
    COLOR: #FFFFFF;
    FLOAT: left;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10px;
    MARGIN: 0px;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: middle;
    WIDTH: 165px
}

#subenlace a{
background:#5BA53D;
COLOR: #000000;
}

#subenlace .subover{
background:#336633;
COLOR: #000000;
}

#footer{
color:#CC3300;
margin:10px;
margin-top:30px;
vertical-align:bottom;
text-align:right;
}

#footer a{
color:#CC3300;
text-decoration:none;
}

/* LIBRO DE VISITAS */
#libro{
border:#666633 1px solid;
width:600px;
overflow:hidden;
height: 100%;
background-color:#FFFFCC;
text-align:left;
margin: 10px 10px 10px 10px ;
}

#libro .libro_cab{
width:600 px;
color:#333333;
}

#libro .libro_tab{
width:196px;
height:25px;
background:#D3F196;
float:left;
padding:2px;
}

#libro .libro_contenido{
width:590px;
float:left;
margin:5px;
}

/* PAQUETES */
#paquete table {
width:100%;
cellpadding:10px;
color:#333333;
text-decoration:none;
}

#paquete table th {
width:20%;
border:#CCCCCC 1px solid;
font-weight:bold;
background:#F1F2C8;
color:#333333;
text-align:left;
text-decoration:none;
}

#paquete table td {
color:#333333;
border:#CCCCCC 1px solid;
background:#FFFFFF;
text-align:left;
text-decoration:none;
}

#paquetes_1{
border-bottom:#669900 1px solid;
overflow:hidden;
height: 100%;
background-color:#F0E9B3;
text-align:left;
padding: 5px 5px 5px 5px ;
}

#paquetes_1 a{
color:#669900;
text-decoration:none;
}

#paquetes_2{
border-bottom:#669900 1px solid;
overflow:hidden;
height: 100%;
background-color: #FFFFFF;
text-align:left;
padding: 5px 5px 5px 5px ;
}

#paquetes_2 a{
color:#669900;
text-decoration:none;
}

/**********/
#form {
text-align:center;
margin:10px;
}
fieldset{
border:#333333 1px solid;
width:80%;
padding:5px;
}

legend{
font-weight:bold;
}

#form table{
width: 90%;
text-align:left;
color:#333333;
background:#FFFFC6;
}

#form table th{
height: 20px;
text-align:center;
color:#333333;
background:#FFFFFF;
}

#form table td{
color:#333333;
}

/*********/
#paginacion a{
text-decoration:none;
color:#000000;
}

#paginacion .page{
border:#669900 1px solid;
color:#333333;
background:#FFFFCC;
width:15px;
text-align:center;
float:left;
margin:3px;
}

#paginacion .pageactiva{
border:#FF0000 1px solid;
color:#000000;
width:15px;
font-weight:bold;
text-align:center;
float:left;
margin:3px;
}

.rojo{
color:#FF0000;
font-weight:bold;
}

#rand img{
border:#CCCCCC 1px solid;
margin:5px;
}

#rand a{
color:#CC3300;
text-decoration:none;
}

#content{
margin:10px;
color:#333333;
}


.cajatexto{
	font-size: 10px;
	font-family: verdana;
	border : 1px solid #000000;
	}

textarea{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 1px solid #000000;
	}
	
.boton {
	background-color : #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	border : 1px solid #666666;
	font-size: 10px;
	cursor:pointer;
}

.bot_elimina {
	background-image: url(../img/x_elimina.gif);
	background-repeat: repeat-y;
	background-color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
	font-size: 9px;
	border : 0px solid #FFFFFF;
}
.bot_actualiza {
	background-image: url(../img/actualizar.gif);
	background-repeat: repeat-y;
	background-color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
	font-size: 9px;
	border : 0px solid #FFFFFF;
}

.imginterior{
	border:#336600 1px solid ;
	padding: 3px;

}