/* ****************************************************************************************************************
 *      Web:            control de edad estilos                                                                                 *
 *      Autor:          Espinapez                                                     *
 *      Hoja:           control_estilos.css                                                                       *
 *      Descripcion:    estilos para el control de edad de el reto de Carmen                                      * 
 *      Fecha:          20/04/2010                                                                                *
 *****************************************************************************************************************/
 
 
*:first-child+html {
}
/*** NEUTRALIZANDO ESTILOS:
elementos que queremos limpiar completamente: ***/
* {margin: 0; padding: 0; /*border: none;* eliminado para darle el estilo por defecto a los botones de formulario*/ }
html #cabecera, html #contenidos, html #pie { font: 62.5% Arial, Helvetica, sans-serif; /*text-shadow: #000 0px 0px 0px;Elimina el efecto bold en Safari*/ }

/*** NEUTRALIZANDO ESTILOS:
elementos con margen vertical: ***/
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { font-weight: normal; margin: 0; }

/*** Algunos ajustes basicos: ***/
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
li, dd, blockquote { margin-left: 1em; list-style: none; }

/*** LINKS: */

a, a:link, a:visited, a:hover, a:active {
outline: 0; /*Elimina la línea de puntos que aparece alrededor de los enlace al clicarlos*/ text-decoration: none;}
a img { border: none; text-decoration: none; }
img {border: none; text-decoration: none; /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }

/*** FORMULARIOS: ***/
/*label,*/ button { cursor:pointer; }
/*input, select, textarea { font-size: 100%;}*/
input:focus, select:focus, textarea:focus { background-color: #FFF;}
fieldset { border: none;}
/*** Algunas clases útiles: ***/
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.helvetica {font-family: Arial, Helvetica, Geneva, sans-serif;}

.estirar{ height: 1%;}
.estirar:after {clear:both; content:".";display:block; height:0pt; visibility:hidden; }



/* ================== CONTROL DE EDAD ========================= */


body{ text-align: center;}

div#contenedor{ background: url(control.jpg) no-repeat; width: 1024px; height: 729px; margin: 0 auto;}

div#cabecera{ width: 100%; height: 318px;} 

h1{ text-indent: -9999px;}
p.parrafo1{ text-indent: -9999px;}

div#cuerpo{ width: 100%; overflow: hidden; height: 264px; padding: 50px 0 0 0;}

h2{font-size: 1.4em; font-weight: bolder; font-style: oblique; color: #ca357f; font-family: Arial, Verdana, sans-serif;}


form{ padding: 50px 0 0 0;}
label{ text-indent: -9999px; display: block; float: left;}
fieldset.entrada input{ background:none repeat scroll 0 0 transparent;
border:0 none;
color:#333333;
font-size:12px;
left:4px;
margin:0 31px 0 0;
padding:0;
position:relative;
text-align:center;
top:-11px;
width:33px;}

fieldset.enviar{ clear:both;
left:-15px;
position:relative;
top:8px;}

fieldset.enviar input{ font-size: 1.6em; font-style: oblique; color: #fff; font-weight: bolder; padding: 3px 7px; background: #002a62; font-family: Arial, Verdana, sans-serif; float: none; cursor: pointer; border: none;  }
fieldset.enviar input:hover{ color: #ca357f; }

p.legal{ color:#000000;
font-family:Arial,Verdana;
font-size:11px;
left:205px;
position:relative;
text-align:justify;
top:70px;
width:581px;}