/* Hoja de Estilos */
body{
background: url(../images/stripes.gif) repeat-x fixed left top;
margin: 0;
}

body, p, td{
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000066;}

hr{
background:#82B223;
color:#82B223;
border: none;
size: 5px;
width: 97%;
margin: 10px 0 10px 0;
text-align:center;
}

.separa_superior{
border-top: 3px #82B223 solid !important;
padding-top: 10px;}

h1{
font: bold 18px Arial, Helvetica, sans-serif;
color: #00559E;
margin: 0 0 10px 0;
}

h2{
font: bold 14px Arial, Helvetica, sans-serif;
color: #82B223;
margin: 0 0 5px 0;
text-decoration:underline;
}

a, a:link{
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000066;
text-decoration:none;
}

.texto_contenido{
padding: 10px 0 0 0;}

.texto_contenido_aire{
padding: 10px 15px 0 0;}

/* Reset listas */
* {margin:0px;padding:0px;}
ul,li{list-style-type:none;}

ol{margin: 0 0 0 20px;}
ol li{
list-style:decimal;
margin: 0 0 15px 0;}

/********************************** MENU **************************************/
.menu_ppal{height: 41px;}
.menu_inicio{background: #FFF url(../images/menu_sprite.gif) 0 -38px no-repeat;}
.menu_productos{background: #FFF url(../images/menu_sprite.gif) 0 -79px no-repeat;}
.menu_servicios{background: #FFF url(../images/menu_sprite.gif) 0 -119px no-repeat;}
.menu_galeria{background: #FFF url(../images/menu_sprite.gif) 0 -158px no-repeat;}
.menu_informacion{background: #FFF url(../images/menu_sprite.gif) 0 -197px no-repeat;}
.menu_quienes{background: #FFF url(../images/menu_sprite.gif) 0 -237px no-repeat;}

.bt_inicio a {width:80px;}
.bt_productos a {width:90px;}
.bt_servicios a {width:93px;}
.bt_galeria a {width:88px;}
.bt_informacion a {width:112px;}
.bt_quienes a {width:125px;}
.bt_foro a {width:65px;}


/********************************* WATHER *************************************/
.weather_back{
background: #D2D8C7 url(../images/fondo_weather.gif) no-repeat 2px -12px;}

/**************************** CAJA CONTENEDORA ********************************/
.cuerpo{
position: absolute;
top: 0;
left: 50%;
margin-left: -400px;
margin-bottom:15px;
}

.contenedor{
background: #FFF;}

/*************************** Sidebar Izquierda ********************************/
.panel_izquierdo{
background: #D2D8C7;
padding-top: 10px;
}

.texto_izquierdo{
padding: 10px !important;}

.boton_izquierdo{
background: url(../images/opcion_lateral.gif) no-repeat left top;
padding: 9px 0 0 5px;
width: 177px;
height: 25px;
}

.boton_izquierdo a{
color: #FFF;
display:block;
text-decoration: none;
width: 177px;}

.titulo_verde{
background:#82B223 url(../images/esquina_verde.gif) no-repeat right top;
height: 25px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-align:center;
padding: 7px 0 5px 10px;}

.cabeza_gris{
background:#D2D8C7 url(../images/esquina_gris1.gif) no-repeat right top;
height: 20px;}

.panel_gris{
background: #D2D8C7;
padding: 10px 5px 0 5px;}

.pie_gris{
background:#D2D8C7 url(../images/esquina_gris2.gif) no-repeat left bottom;
height: 20px;}

/*******************************************************************************
                          TABLAS PARA INFORMACIÓN 
*******************************************************************************/

.conBorde{
border-top: 1px #ADB79B solid;
border-right: none;
border-bottom: none;
border-left: 1px #ADB79B solid;}

.conBorde th{
border-top: none;
border-right: 1px #ADB79B solid;
border-bottom: 1px #ADB79B solid;
border-left: none;
padding: 5px;
background: #ADB79B;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;}

.conBorde td{
border-top: none;
border-right: 1px #ADB79B solid;
border-bottom: 1px #ADB79B solid;
border-left: none;
padding: 5px;}

.sinBorde{
border: none !important;
padding: 0 !important;}

.infoPaginador{
background:url(../images/fondo_paginador.gif) repeat-x left top;
text-align: center;
color:#FFF;}

.sinBorde td{
border: none !important;
padding: 0 !important;}

.zebra{background: #E5E9DD;}

/*******************************************************************************
                             TABLA DE MAREAS
*******************************************************************************/
.tabla_mareas{
border-top: 1px #ADB79B solid !important;
border-right: none !important;
border-bottom: none !important;
border-left: 1px #ADB79B solid !important;}

.tabla_mareas td{
border-top: none !important;
border-right: 1px #ADB79B solid !important;
border-bottom: 1px #ADB79B solid !important;
border-left: none !important;
padding: 3px !important;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:10px !important;
color:#000066 !important;
text-align:center !important;}

.tabla_mareas font{
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:11px !important;
color:#000066 !important;}

/* Galerias */
.galeriaPics a img{border: 4px #ADB79B solid;}
.galeriaPics a:hover img{border: 4px #E5ECDA solid;}

.pescadorPics a img{border: 5px #D2D8C7 solid;}

/*******************************************************************************
                                  PRODUCTOS 
*******************************************************************************/
.items_prod td{
border: none;
width: 130px;
text-align:center;
padding: 5px;}

.item_prod{
border: 4px #ADB79B solid;}

.item_prod a{
text-decoration:none;
color:#000066;}

.item_prod a:hover{
text-decoration:underline;
color:#00559E;}

.item_prod img{
border: none;
margin: 10px 0 10px 0;}

.enlace_prod{
border: none;
background: #D2D8C7;
float:none;
text-align:center;
padding: 10px;
text-decoration:none;}

.detalle_prod{
background: #FFF !important;
margin: 15px !important;}

.detalle_prod, .detalle_prod p, .detalle_prod td{
font: normal 11px Verdana, Arial, Helvetica, sans-serif !important;
color:#000066 !important;}

/*******************************************************************************
                               FORMULARIO CONTACTO 
*******************************************************************************/
.labelForm{
padding: 5px 10px 0 0;
}

.textoForm{
background: url(../images/caja_texto.jpg) no-repeat left top;
padding: 2px 0 0 5px;
height:35px;
}

.mini_textoForm{
background: url(../images/mini_caja_texto.jpg) no-repeat left top;
padding: 2px 0 0 5px;
height:35px;
}

.textareaForm{
background: url(../images/area_texto.jpg) no-repeat left top;
padding: 5px 0 0 5px;
height: 209px;
}

input[type=text]{
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background: none;
border: none;
width: 310px;
height: 25px;
color: #000066;
padding: 0;
}

.oculto{
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background: none;
border: none;
width: 305px;
height: 25px;
color: #000066;
padding: 0;
}

textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
background: none;
border: none;
width: 305px;
height: 140px;
color: #000066;
overflow: auto;
}

.aceptar{
background:url(../images/bt_enviar.jpg) no-repeat top left;
border: none;
width: 100px;
height: 30px;
cursor:pointer;
}

.limpiar{
background:url(../images/bt_limpiar.jpg) no-repeat top left;
border: none;
width: 100px;
height: 30px;
cursor:pointer;
}

/*******************************************************************************
                        MENSAJES LIVE VALIDATION
*******************************************************************************/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	display: none;
}

.LV_valid{
    color:#618E00 !important;
}
	
.LV_invalid{
    color:#AB0000 !important;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
border: none !important;
background:none !important;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
border: none !important;
background:none !important;
}