/*
 Asociación 
 Controlaclub.com 2003

 Concurso Web

*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	
}

body {
	background-color: white;
	color: black;
	margin: 0px;
}


a:hover {
	text-decoration: underline;
}

a:link {
	text-decoration: none;
}

a:visited {
	/*text-decoration: none;*/
}
	

h1 {
	font-size: 140%;
	font-weight: bold;
	background: url('img/bgh1.jpg') blue;
	/*margin-left: 2em;
	margin-right: 2em;*/
	padding-left: 10px;
	border: thin solid #6688BB;
	color: white;
}


h2 {
	font-size: 125%;
	font-weight: bold;
	background: url('img/bgh1.jpg') blue;
	padding-left: 10px;
	border: thin solid #6688BB;
	color: white;	
}

h3 {
	font-size: 100%;
	font-weight: bold;
	background: url('img/bgh1.jpg') blue;
	padding-left: 10px;
	border: thin solid #6688BB;
	color: white;	
}

h5 {
	text-align: center;
}

dt {
	font-weight: bold;
}


li{
	margin: 1em;
}


p {
	text-indent: 18px;
}

strong {
	color: #336699;
	background: inherit;
	
}

small {
	font-size: 80%;
}

em {
	color: #1133AA;
}
/*p:before {
	content: url('img/flechita.gif');
}*/

input,textarea,select {
	border: thin solid #336699;
	background: white;
	margin-left: 2em;
}

boton { border: thin outset #336699;
	background: white;
}

p:first-letter {
	font-size: 150%;
	color: #003366;
}

address {
	text-align: center;
	font-size: 90%;
	color: #555555;
}	

/* %%%%%%%%%%%% INTERFAZ General %%%%%%%%%%%%%%%%% */


#logo {
	background: url('img/bgtop.jpg') blue;
	
}
  

/* --- JavaScript Menu ----- */

#topmenu {
	height: 15px;
}

/* ---- Fin JS style ------- */

#tabletoc {
	width: 100%;
	margin: 0px;
}

#tdmenu {
	width: 150px;
	background: url('img/bg_01.png') white;
	background-repeat: repeat-y;
	background-position: 5px 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}

#menutit{
	font-size: 100%;	
	border: thin solid #6699CC;
	background: white;
	padding: 2px;
	margin-top: 3px;
}


#menuitem{
	background: white;
	border: thin solid #6699CC;
	margin-left: 0px;
	margin-top: 2px;
	padding-left: 19px;
}



#tdcontents {
	background: url('img/bg_main.png') white;
	background-repeat: repeat-y;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;	
}

#tdderecha{
	text-align: center;	
	padding-top: 15px;
	margin: 0px;
}

#menutit b {
	font-size: 15px;
}

#menuitem a:hover {
	font-weight: bold;
}
#menutit a:hover {
	text-decoration: underline ;
}

#menutit a:visited, #menuitem a:visited {
	text-decoration: none;
}


#tdderecha a:link{
	color: white;
}
#tdderecha a:hover{
	color: white;
}
#tdderecha a:visited{
	color: white;
}

#h1derecha {
	font-size: 140%;
	font-weight: bold;
	background: url('img/bgh1.jpg') blue;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 7px;
	border: thin solid #6688BB;
	color: white;
}

.imag { /*Imagenes de cada sección */
	float: left;
	margin: 5px;
	margin-top: 3px;
	border: 0px;
}

.imagd { /*Imagenes de cada sección */
	float: right;
	margin: 5px;
	margin-top: 3px;
	border: 0px;
}


/* $$$$$$$$$$$ ESTILOS DE CADA SECCIón $$$$$$$$$$$$$ */

/* ------- Inicio ------ */

.cartel {
	margin: 15px;
}

#tdinicio {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;	
}

#tdnovedades {
	width: 150px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;	
}


.divnoticias {

	margin: 3em;
	
}

/* ---- Asociacion ----*/

.tablecontacto {
	margin: 10px;
	margin-left: 30px;
	border: thin solid #6699CC;
	background-color: white;
}

/* -----  Interactúa ----- */

.sol {
	background: #99CCFF;
	color: #99CCFF;
}


.libro {
	clear: both;
	background: #AADDFF;
	color: black;
	margin: 2em;	
	margin-top: 4em;
	border: thin solid #6699CC;
	padding-top: 0px;
}
.firma{
	background: #CCDDFF;
	border: thin solid #99CCFF;
	margin: 1em;
	padding: 5px;
	
}

.quierofirmar {
	margin-right: 15px;
	text-align: right;
}

.divboton {
	background: #DDEEFF;
	padding: 5px;
	margin: 2em;
}

/* ----- Actividades ---- */

.media {
	margin-left: 3em;
	padding: 5px;
	text-align: center;
}

/* ------ Campaña -------- */

.divloquehay {
	background:#6699CC;
        color:white;
        font-weight:bold;
	margin-top: 2em;
}

.tableloquehay{
	width: 100%;
	border: thin solid #6699CC;

}

.tdloquehay{

	border-bottom: thin solid #6699CC;
}


.alerta {
	text-align: center;
	background-color: #FFAAAA;
	margin: 3px;
	border:thin solid #FF0033;
	padding: 5px;
}