/* Basic  ---------------------------------------- */
.clear { clear: both; }
.error{color :#c00; line-height :1.6em;}

body{ background:#ccc url(../img/body.jpg) repeat-x; text-align:center; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a{text-decoration: none;}
a.showfotos{color: #999; font-size: 10px; text-transform: uppercase; width: 200px; height: auto; background: #f8f8f8; float: left; clear: none; display: block; text-align: center; padding: 5px; margin-right: 10px; border: 1px solid #ccc; border-top: 1px solid #ddd ;}
a.showfotos img{display: block; float: none; clear: both; border: none; margin: 5px auto; }

/* contenedor Ppal */
h1{color: #0F83F8; font-size: 22px; text-decoration: none; width: 100%; padding: 0px; font-weight: normal; margin-bottom: 5px;line-height: 150%}
h2{color: #0F83F8; font-size: 18px; text-decoration: none; width: 100%; padding: 0px; font-weight: normal; margin-bottom: 5px;line-height: 150%}
h3{color: #666; font-size: 13px; text-decoration: none; width: 100%; padding: 0px; font-weight: bold; margin-bottom: 5px;line-height: 150%}
h4{color: #333; font-size: 11px; text-decoration: none; width: 90%; padding: 0px; font-weight: bold; margin-left: 8px;line-height: 150%; }
h5{color: #0F83F8; font-size: 14px; text-decoration: none; width: 100%; padding: 0px; font-weight: normal; margin-bottom: 5px;line-height: 150%}
h6{color: #0F83F8; font-size: 12px; text-decoration: none; width: 100%; padding: 0px; font-weight: normal; margin-bottom: 5px;line-height: 150%}

#header{text-align: left;width: 942px;	height :190px; overflow :hidden; padding :0px 6px 0 10px; margin: 0px auto; position: relative; background:url(../img/fotohead.jpg) top right no-repeat;}
#header a.logo{width: 350px; height: 150px; display: block; float: left; clear: none; text-decoration: none;}
#header a.logo img{border: none;}
#header #menu{width: 942px; display: block; float: none; clear: both; height: 40px; overflow: hidden;}
#header #menu a{ display: inline; line-height: 40px; color: #fff; font-size: 12px; font-weight: bold; padding: 0 16px; height: 40px}
#header #menu a:hover,#header #menu a.activo{color: #036; background:url(../img/whiteball.png) left 4px no-repeat;}

#wrapper{text-align: left;width: 942px;	height :auto; overflow :hidden; padding :10px 6px 0 10px; background:url(../img/page_bg.jpg) repeat-y; margin: 0px auto}
#footer{text-align: left;width: 942px;	height :70px; overflow :hidden; padding :10px 6px 0 10px; background:url(../img/foot_bg.jpg) repeat-y; margin: 0px auto}
#footer a,#footer p{color: #ccc; text-decoration: none;}
#footer a{padding: 0 4px; border-right: 1px solid #ccc;}
#footer a:hover,#footer a.activo{color: #fff;}

div.left{width: 690px; height: auto; float: left; clear:  none; display: block; padding: 8px 21px 0 21px; overflow: hidden;}
div.right{width: 200px; height: auto; float: left; clear:  none; display: block; padding: 8px 0px 0 10px; overflow: hidden;}
div.right p{margin-left: 12px; line-height: 16px; font-size: 11px; color: #666;}
div.right a{color: #666; text-decoration: none; font-size: 11px; font-weight: bold; display: block; float: none; clear: both;}
div.right a.masinfo,a.masinfo{width: 60px; display: block; float: none; clear: both; color: #06c; font-size: 12px; font-weight: bold; text-indent: 18px; background: url(../img/masinfo.gif) left top no-repeat; height: 16px; line-height: 16px; margin-left: 150px; margin-bottom: 8px;}
div.right .mininews{border-bottom: 1px dotted #ccc; margin-bottom: 8px;}
div.right .minimap{border: 1px solid #666; width: 190px; height: 200px; margin-bottom: 5px; display: block; overflow: hidden;}

div.right hr{width: 210; height: 3px; border: none; background: #a0a0a0; display: block; float: none; clear: both; margin-left: -10px;}

#imgHome{width: 680px; height: 510px; display: block; float: none; clear: both;}

#submenu{width: 160px; display: block; float: left; clear: none; background: #0F83F8 url(../img/subtop.jpg) top left no-repeat; color: #fff; font-size: 11px; padding-top: 15px}
#submenu a,#submenu p{ display: block; float: none; clear: both; text-decoration: none; color: #fff; width: 140px; height: 20px; font-size: 11px; font-weight: bold; padding: 4px 10px}
#submenu a:hover,#submenu p{color: #fc0; text-decoration: underline; text-indent: 5px}
#submenu cite{width: 160px; height: 18px; display: block; float: none; clear: both; background: url(../img/subbot.jpg) left top no-repeat;}
#club{width: 500px; display: block; float: left; clear: none; padding: 10px; font-size: 12px; color: #666; line-height: 18px; padding-top: 0}
#club div{display:block; float: none; clear: both; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #ddd;}


ul.enlaces,ul.fotos{width: 650px; display: block; float: none; clear: both; height: auto; list-style: none; padding: 0}
ul.enlaces li{width: 300px; display: block; float: left; clear: none; height: 40px; overflow: hidden; line-height: 20px; text-align: left; padding: 0; border-bottom: 1px dotted #06f;border-right: 1px dotted #06f; padding-left: 10px;}
ul.enlaces li a{ font-size: 12px; font-weight: bold; text-decoration: none; color: #0F83F8;}

ul.fotos{width: 700px;}
ul.fotos li{width: 150px; display: block; float: left; clear: none; height: 180px; overflow: hidden; line-height: 20px; text-align: center; padding: 0;  margin: 5px;}
ul.fotos li a{width: 150px; display: block; float: none; clear: both; overflow: hidden; color: #666; text-decoration: none; font-weight: bold;}
ul.fotos li a.im{	height: 120px; overflow: hidden;}

a.back{	width: 100%; display: block; float: none; clear: both; text-decoration: none; color: #999; text-align: center; margin-top: 20px; font-weight: bold;}
a.back:hover{color: #333;}





fieldset.contacto{width: 550px; height: auto; display: block; margin: 10px auto;font-size: 10px; }
fieldset.contacto sub,fieldset.contacto label,fieldset.contacto input[type="text"],fieldset.contacto select,fieldset.contacto textarea{width: 500px; height: 20px; display: block; float: left; clear: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin-bottom: 0px}
fieldset.contacto input[type="text"],fieldset.contacto select,fieldset.contacto textarea{width: 508px; background: #fafafa top left no-repeat; border: 1px solid #0F83F8; margin:-5px 10px 10px 10px; padding: 4px;border-top: 1px solid #ADD8E6;border-left: 1px solid #ADD8E6; }
fieldset.contacto textarea{ height: 120px; overflow: auto;}
fieldset.contacto sub{width: 10px; font-size: 32px; color: #0F83F8; height: 18px; line-height: 18px;}
fieldset.contacto p{display: block; float: none; clear: both; font-size: 10px; width: 90%; text-align: center; margin-top: 10px;}
fieldset.contacto p.error{font-size: 12px; color: #c00; text-align: left; line-height: 18px; }
fieldset.contacto input#enviar{width: 95px; height: 30px; line-height: 30px; border:none; background: url(../img/button-submit.gif) no-repeat;  text-align: center; color: #0F83F8; text-shadow: #fff 1px 1px 1px; float: right; clear: none; margin-right: 30px}

#datos{color: #666;}
#datos p{display: block; margin-top: 20px;}
#datos span,#datos a{padding-left: 20px; display: block;}
#datos a{color: #0F83F8; text-decoration: none; font-weight: bold;}


div#pagination {	background-color:#fff;	color:#999;	padding:10px 0 10px 0;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	text-align:center; width: 100%; display: block; float: none; clear: both;}
div#pagination a {	color:#999;	padding:2px 5px;	margin:0 2px;	text-decoration:none;	border:1px solid #999;}
div#pagination a:hover, div.pagination a:active {	border:2px solid #999;	color:#333;}
div#pagination span.current {	padding:2px 5px;	border:1px solid #999;	color:#fff;	font-weight:bold;	background-color:#999;}
div#pagination span.disabled {display:none;}
div#pagination span.indicador{ padding-right: 30px;}