/* 

---------------------------------------------------------------------------
CSS CON EL ESTILO BASICO PARA LA WEB DE WWW.ESTUDISBARBERA.ES
AUTOR: ROBERT SALLENT
FECHA: 03-2010
---------------------------------------------------------------------------

*/

@CHARSET "ISO-8859-1";

/**************** BODY ***********************/

body, BODY {
	color: #000066 !important;
	background-image: url('../images/samples/fondoweb.jpg');
	text-align:center;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


/************ CUADROS DE TEXTO *******************/

/* TEXTOS AZULES */
.cuadrotexto{
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: justify;
	padding-left: 100px;
	padding-right: 100px;
	vertical-align: middle;
}

.textogrande{
	font-size: 12px;
}
.textomuygrande{
	font-size: 14px;
}

.textopeque{
	font-size: 10px;
}
.textomuypeque{
	font-size: 9px;
}

.textocentrado{
	text-align: center;
}
.textojustificado{
	text-align: justify;
}

.textojustificadopad{
	padding-left: 75px;
	padding-right: 75px;
	text-align: justify;
}

.textosub{
	text-decoration: underline;	
}

.masinfo{
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: center;
}

/* TEXTOS BLANCOS (generalmente van dentro de cuadros azules, por eso tienen menos padding)*/
.cuadrotextob{
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
	padding-left: 25px;
	padding-right: 25px;
	vertical-align: middle;
}


/************** TITULOS *******************/
/* TITULOS AZULES */
.tituloazul{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
.subtituloazul{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

/* TITULOS BLANCOS */
.tituloblanco{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.subtituloblanco{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}



/************** CUADROS EXTRA *******************/

.destacado{
	font-size: 12px;
	background-color: #000066;
	color:#FFFFFF;
	border: solid 5px #ffaa00;
	text-align:center;
	padding: 20px;
	vertical-align:middle;
	
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 75px;
	margin-right: 75px;
}
.destacadomedio{
	font-size: 12px;
	background-color: #000066;
	color:#FFFFFF;
	border: solid 5px #ffaa00;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	vertical-align:middle;
	width: 350px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.cuadroseparador{
	padding-top: 5px;
	padding-bottom: 5px;
}


/************** SEPARADORES *******************/

.imagenseparador{
	background-image: url('../images/samples/separador.gif');
	height: 2px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 50px;
	margin-right: 70px;
}

.pad{
	padding: 25px;
	text-align: center;
}

.separador{
	margin: 20px;
}

/************** IMAGENES*******************/
.flotantejuegos{
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	height: 100px;
	width: 125px;
	border: solid 5px #FFAA00;
	
}

.flotantederecha{
	float: right;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	height: 100px;
	width: 100px;
	border: solid 5px #ffffff;
}

.flotanteizquierda{
	float: left;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	height: 100px;
	width: 100px;
	border: solid 5px #ffffff;
}

.logo{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 55px;
	width: 300px;
	border: none;
}

.logogrande{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 80px;
	width: 400px;
	border: none;
}

.banner{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	height: 40px;
	width: 450px;
	border: solid 5px #ffaa00;
}

.logo_seccion{
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 10px;
	height: 225px;
	width: 590px;
	border: solid 5px #ffaa00;
}

.logo_estrecho{
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 10px;
	height: 150px;
	width: 590px;
	border: solid 5px #ffaa00;
}

.grande{
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 240px;
	width: 320px;
	border: solid 5px #ffaa00;
}

img.portada{
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	height: 180px;
	width: 220px;
	border: solid 5px #000066;
}

img.boton{
	height: 15px;
	width: 15px;
}


/************** ENLACES *******************/

/* ENLACES AZULES */
a{
	color: #000066;
	text-decoration: none;
}
a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background: #000066;
}

/* ENLACES SIN DECORAR */
a.sindecorar{
	text-decoration: none;
}
a.sindecorar:hover{
	text-decoration: none;
}

/* ENLACES BLANCOS */
.enlaceblanco{
	color: #FFFFFF;
	text-decoration: none;
}
.enlaceblanco:hover{
	text-decoration: none;
	color: #000066;
	background: #FFFFFF;
}



/************ ENLACES EN IMAGENES ***************/
img.enlaceimagen{
	background: #FFFFFF;
	border: solid 5px #FFFFFF;
}
img.enlaceimagen:hover{
	text-decoration: none;
	background: #FFFFFF;
	border: solid 5px #000066;
}

img.enlaceflotantederecha{
	border: solid 5px #000066;
	float: right;
	margin: 15px;
	height: 80px;
	width: 80px;
}

img.enlaceflotantederecha:hover{
	border: solid 5px #FFFFFF;
	float: right;
	margin: 10px;
	height: 90px;
	width: 90px;
}

img.enlaceflotanteizquierda{
	border: solid 5px #000066;
	float: left;
	margin: 15px;
	height: 80px;
	width: 80px;
}
img.enlaceflotanteizquierda:hover{
	border: solid 5px #FFFFFF;
	float: left;
	margin: 10px;
	height: 90px;
	width: 90px;
}


/************** OTROS *********************/

.seleccion{
	padding: 10px;
}

/************** LISTAS *******************/

li{
	margin-top: 10px;
	margin-bottom: 10px;
}



/************** BORRAR *******************/


/*FOTOS SECCIONES: SOFTWARE*/
img.fotoenlace{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 40px;
	width: 40px;
	border: solid 5px #6666CC;
}
img.fotoenlace:hover{
	border: solid 5px #000066;
}


/*FOTOS SECCIONES: SMILES FORO*/
img.minifoto{
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 15px;
	width: 15px;
	border: solid 2px #6666CC;
}
img.minifoto:hover{
	border: solid 2px #FFFFFF;
}

/*FOTOS PARA LOS JUEGOS GRATIS*/
img.superfoto{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 35px;
	width: 50px;
	border: solid 5px #8888CC;
}
img.superfoto:hover{
	border: solid 5px #FFFFFF;
}
.records{
	/*overflow: auto;
	max-height: 150px;*/
	width: 600px;
	border: solid 2px #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}



/*FORMATO DE LAS VENTANAS CON CODIGO C*/
.codigoC{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
	
}
div.cuadradoblanco{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	border: solid 5px #FFFFFF;
	text-align: left;
	font-size: 13px;
	height: auto;
	width: auto;
}