/* JJSF */

body{
padding:20px;
margin:0px;
background-color:#E6EDF5;
background-image:url(graficos/fondos/pagina.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

img{
border:none;
}

a:link, a:visited, a:active{
color:#666666;
text-decoration:none;
}

a:hover{
color:#006600;
text-decoration:none;
}


#todo{
width:750px;
margin:0 auto;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-color:#FFFFFF;
background-image:url(graficos/fondos/colizq2.png);
background-repeat:repeat-y;
overflow:hidden;
}

#superior{
width:750px;
height:121px;
background-image:url(graficos/superior.png);
background-repeat:no-repeat;
}

#superior h1{
display:none;
}

#menu{
padding-left:213px;
width:750px;
height:25px;
background-image:url(graficos/menu.png);
background-repeat:no-repeat;
}

#menu ul{
list-style-type: none;
margin:0;
padding:0;
}

#menu li{
list-style-type: none;
float:left;
line-height:25px;
}

#menu a{
padding:0 9px;
display:block;
border-right:1px dotted #666666;
text-decoration:none;
color:#FFFFFF;
}

#menu a:hover{
background-color:#58702E;
}

#izquierda{
clear:both;
float:left;
width:203px;
padding:5px;
background-image:url(graficos/fondos/colizq.png);
border-bottom:3px solid #52682B;
height:auto;
margin-bottom:5px;
}

#calendario{
margin:0;
width:203px;
background-image:url(graficos/fondos/calendario.png);
}

#izquierdapie{
width:203px;
height:8px;
background-image:url(graficos/fondos/pieizq.png);
background-repeat:no-repeat;
background-position:bottom;
}

#opinionesizq{
margin:8px auto;
width:203px;
}

#contenido{
float:left;
width:517px;
padding:10px 10px;
text-align:justify;
}

#opinion{
width:199px;
text-align:justify;
color:#FFFFFF;
margin:5px 2px;
padding:5px 0;
border-bottom:1px dotted #FFFFFF;
overflow:hidden;
clear:both;
}

#opinion .cliente{
margin-top:8px;
margin-bottom:4px;
text-align:right;
font-size:10px;
font-style:italic;
float:right;
}


#scroll{
height:150px;
overflow:hidden;
border-bottom:1px solid #52682B;
padding-bottom:5px;
margin-bottom:5px;
}

#control{
text-align:right;
}

#control img{
cursor:pointer;
}


#formulario fieldset {
border-top:1px solid #CCCCCC;
border-bottom:none;
border-left:none;
border-right:none;
width:400px;
margin:30px auto 0 auto;
}
#formulario legend {
padding: 0 2px;
font-weight: bold;
color:#006600;
}
#formulario label {
width: 140px;
/*display: -moz-inline-block;*/
display: inline-block;
line-height: 1.8;
vertical-align: top;
}

#formulario input, #formulario textarea, #formulario select{
padding:2px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
background-image:url(graficos/fondos/cuadrotexto.png);
background-repeat:repeat-x;
border-left:none;
border-right:none;
border-top:none;
border-bottom:1px solid #E6E6E6;
width:244px;
}

#formulario .error{
padding:2px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
background-image:url(graficos/fondos/cuadrotexto_error.png);
background-repeat:repeat-x;
border-left:none;
border-right:none;
border-top:none;
border-bottom:1px solid #E09484;
width:244px;
}

#formulario #botones{
width:394px;
margin:0 auto;
text-align:right;
}

#formulario .submit{
border:1px solid #CCCCCC;
width:auto;
padding:3px 6px;
background-color:#FFFFFF;
}

#formulario fieldset ol {
margin: 0;
padding: 0;
}
#formulario fieldset li {
list-style: none;
padding: 5px;
margin: 0;
border-bottom:1px dashed 	#CCCCCC;
}
#formulario em {
font-weight: bold;
font-style: normal;
color: #f00;
}


#enviado{
width:400px;
margin:30px auto;
padding:4px;
color:#D1B514;
background-color:#FBFFC1;
border:1px solid #FFEC62;
}

.miniatura{
display:inline;
border:1px solid #006600;
padding:1px;
float:left;
margin:3px;
}

.pagenav{
margin-top:8px;
width:502px;
float:left;
}

.activo{
font-weight:bold;
}



/*TARIFAS*/
.tarifas{
margin:0 auto;
width:100%;
border-collapse:collapse;
border-spacing:0px;
}

.tarifas th{
background-image:url(graficos/fondos/colizq.png);
color:#FFFFFF;
font-weight:bold;
padding:5px;
border-top:1px solid #003300;
border-bottom:1px solid #003300;
text-align:left;
}

.tarifas .titulotarifas{
background-color:#52682B;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}

.tarifas td{
padding:5px;
border-bottom:1px dotted #CCCCCC;
}

.tarifas .precio{
text-align:right;
}

.tarifas .par{
background-color:#F9F9F9;
}

.tarifas .preciopar{
background-color:#F9F9F9;
text-align:right;
}

#map{
border:1px solid #CCCCCC;
width:515px;
height:400px;
}

#contenido2{
background-image:url(graficos/fondos/contenido2.png);
background-repeat:repeat-y;
width:517px;
overflow:hidden;
}

#contenido2 p{
margin-top:6px;
margin-bottom:6px;
}

#contenido2 .izquierda{
width:252px;
margin-right:13px;
float:left;
}

#contenido2 .derecha{
width:252px;
float:left;
}

#contenido2 .cajas{
width:252px;
overflow:hidden;
margin-bottom:5px;
}
.descargar{
float:right;
margin-top:4px;
}


#pie{
width:740px;
margin:0 auto;
border-top:3px solid #333333;
background-color:#666666;
background-image:url(graficos/fondos/fondopie.png);
font-size:10px;
padding:10px 6px;
color:#CCCCCC;
}


#errorformulario{
width:390px;
padding:5px;
background-color:#FEFBFB;
border:1px dashed #E09484;
margin:15px 0;
}

#iconos{
margin-top:20px;
}
