@charset "utf-8";
/* Creixems Web Studio (www.creixems.com) - CSS for audivalencia.com */

/*-------------------------Item: clearer general-----------------*/
	
/*===========================HEAD=====================*/

.invisible {
	display:none;
	}
.visible {
	display:block;
	}
	
a img {
	border:0;
	}

p {
	padding:0;
	margin: 0 0 5px 0;
	text-align:left;
	}
h1 {
	padding:0;
	margin: 0 0 5px 0;
	}

a {
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	}

a:hover {
	text-decoration:underline;
	color: #999999;
	font-weight:bold;
	}
/*======================Cuadros======================*/
.cuadro {
	background-image:url(../img/headcuadro.jpg);
	background-repeat:repeat-x;
	background-color:#D7DBD2;
	float:left;
	padding: 10px 10px 0 10px;
	}
/* PARA HISTORIA*/
.cuadrohistoria {
	background-image:url(../img/headcuadro.jpg);
	background-repeat:repeat-x;
	background-color:#D7DBD2;
	float:left;
	padding: 0;
	}
	
	.sWnHist {
	width: 159px;/*159-20*/
	margin: 0 0 1px 1px;
	clear:right;
	}
	.cuadrohistoria h1 {
		margin: 3px 0 0 10px;
		}
	
	/*FIN*/
	.cuadroblanco {
	background-image:url(../img/headcuadrogris.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
	float:left;
	padding: 10px 10px 0 10px;
	}
	
	.cuadroimagen {
		background-color:#FFFFFF;
		border-top: solid 1px #999999;
		float:left;
		padding: 0 0 0 10px;
		}
		.cuadroimagen img {
			float:right;
			padding: 0 0 0 10px;
			}
/* morfologia de lso cuadros:
S - M - L: Small, Medium y Large
h: height
w: width
de alli que .sWmH sea un cuadro de Small width y Medium Height */
	
.sWsH {
	width: 139px;/*159-20*/
	height: 121px;/*131-10*/
	margin: 0 0 1px 1px;
	clear:right;
	}
	.sWsH p { text-align:left; }
	
	.sWmH {
	width: 139px;/*159-20*/
	height: 200px;/*131-10*/
	margin: 0 0 1px 1px;
	clear:right;
	}
	.sWnH {
	width: 139px;/*159-20*/
	margin: 0 0 1px 1px;
	clear:right;
	}
	
.mWsH {
	width: 459px;/*479-20*/
	height: 121px;/*131-10*/
	margin: 0 0 1px 0;
	}
.mWmH {
	width: 459px;/*479-20*/
	height: 200px;/*131-10*/
	margin: 0 0 1px 0;
	}
.mWsHi {
	width: 469px;/*479-20*/
	margin: 0 0 1px 0;
	}
	
.mWnH {
	width: 459px;/*479-20*/
	margin: 0 0 1px 0;
	}

.lWnH {
	width: 619px;/*639-20*/
	margin: 0 0 1px 0;
	}

	.tablecontainer {
		float:left;
		width:100%;
		}
	.tablecontainer table td{
		padding: 1px;
		border-top: solid 1px #999999;
		}
	.tablecontainer table th{
		padding: 5px;
		background-color:#999999;
		height:15px;
		}
	.tablecontainer table p{ text-align:left; }

/*======================Estilos Sorteados==================*/

.tituloblanco {
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	padding: 5px 0 15px 0;
	}
.titulogrisoscuro {
	color: #333333;
	font-size:1em;
	font-weight:bold;
	padding: 5px 0 15px 0;
	}

.titulovinetagris {
	color:#444444;
	font-size:1em;
	font-weight:bold;
	padding: 5px 0 0 12px;
	background-image:url(../img/arrow_rightorange.gif);
	background-repeat:no-repeat;
	background-position: 3px 7px;
	}
.titulovinetagrisclaro {
	color:#888888;
	font-size:1em;
	margin: 0 0 0 10px;
	font-weight:bold;
	padding: 5px 0 0 12px;
	background-image:url(../img/arrow-grayright.gif);
	background-repeat:no-repeat;
	background-position: 3px 7px;
	}
	
	.titulovinetagris a{
	color:#444444;
	text-decoration:none;
	}
	.titulovinetagris a:hover {
	text-decoration:underline;
	}

ul.listanoticias li {
	list-style-image:url(../img/arrow_rightorange.gif);
	list-style-position:inside;
	padding: 0 0 15px 15px;
	}
	
	ul.listanoticias li a {
		color: #333333;
		font-weight:bold;
		text-decoration:none;
		}

/*=================Forms======================*/

form.frm {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	form.frm fieldset {
		margin: 0 0 10px 0;
		border: solid 1px #666666;
		background-color:#D7DbD2;
		}
	
		form.frm fieldset legend {
	padding: 2px 6px;
	font-size:1.2em;
	font-weight:bold;
	color: #FFFFFF;
	margin: 0 0 0 15px;
	background-color: #868F78;
	border: solid 1px #666666
		}
	form.frm fieldset table {
		border:0;
		width: 80%;
		margin: auto;
		}
	form.frm fieldset table td {
		border:0;
		padding: 3px 0;
		}
	form.frm input,
	form.frm select,
	form.frm textarea {
	background-color: #FFFFFF;
	border: solid 1px #333333;
	font-size:1em;
	width: 130px;
	height: 16px;
	padding: 2px 3px 0 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	form.frm select {
		padding: 0;
		width:auto;
		}
	form.frm input#Enviar {
		width:80px;
		height: 24px;
		background-color: #868F78;
		color:#FFFFFF;
		font-weight:bold;
		padding: 3px 3px;
		}
	form.frm textarea {
		width: 95%;
		height:130px;
		}
	form.frm label {
		font-size:1em;
		font-weight:bold;
		color:#666666;
		}
		
/*============Cuadro imagenes=============*/

div.cuadroimg {
	width: 165px;
	height:155px;/*160-5*/
	background-color:#CCCCCC;
	border: solid 1px #666666;
	float:left;
	text-align:center;
	padding:5px 0 0 0;
	margin: 10px 15px;
	overflow:hidden;
	}
	
	div.cuadroimg img{
		margin:auto;
		display:block;
		vertical-align:middle;
		}
		/**html div.cuadroimg img{
		position:absolute;
		top: 50%;
		}*/