@charset "utf-8";
/* CSS Document */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;} 
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


*******************************

/* cuerpo */
body {
		margin:auto; height:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14x;
		line-height:1.3em;
		background-color:#f0f0ea;
	}
html {	background-image:url(../images/admin_fondo.png)!important; background-repeat:repeat-x; background-position:center top; 
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		}		

h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px; color:#333333; font-style:italic;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #666666; letter-spacing:1px;}

p{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; line-height:1.3em;}
div{ line-height:1.6em;}

a, a:link{text-decoration:none; color:#333333;}
a:hover{text-decoration:underline; color:#333333;}

hr{margin:5px; padding:0px; border:2px dashed #cccccc; }

li {list-style:none;}

.left{ float:left}
.right{ float:right}
.clear{ clear:both;}

input{ background-color:#ffffff; color:#333333; font-family: Arial, sans-serif; font-size:14px; height:24px; border:1px solid #999999;  }
input[type="file"]{ background-color:#ffffff; color:#333333; font-family: Arial, sans-serif; font-size:14px; height:24px; width:300px; border:1px solid #999999;  }
input[type="submit"] {background-color: #FFFFFF; border: 1px solid #999999!important; border-radius: 15px 15px 15px 15px; color: #333333; cursor: pointer; font-size: 10px; height: 26px; line-height: 1.6em;
     padding-left: 10px; padding-right: 10px; text-transform: uppercase;}
input[type="submit"]:hover{background-color: #999999; color:#FFFFFF;  border:1px solid #999999!important; }
textarea{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; line-height:1.3em;}
select{font-family:Arial, Helvetica, sans-serif; height:24px; color:#333333; font-size:14px; line-height:1.3em;}

/*capas*/

#page {	text-align: left; margin:auto; width: 990px;height:100%;}
#contenido{position:relative;padding:0 10px 10px 10px; background-color:#FFFFFF; box-shadow: 0px 0px 8px 0px #999999; border-radius:20px;}



/* estilos.css */

.fondologin{
    padding:20px; 
    background-color:#f7f7f7; 
    border:2px solid #ccc;
    border-radius:20px;
}

.messages{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FF3300; background-color:#ffffff; border:2px solid #FF3300; padding:6px; list-style:none; text-align:center}
.messages-error{ font-family:Arial, Helvetica, sans-serif; color:#FF3300; background-color:#ffffff; border:2px solid #FF3300; padding:6px; list-style:none; text-align:center}
.messages-warning{ font:Arial, Helvetica, sans-serif; color:#FF3300; background-color:#ffffff; border:2px solid #FF3300; padding:6px; list-style:none; text-align:center}
.messages-success{font:Arial, Helvetica, sans-serif; color:#1dbf07; background-color:#ffffff; border:2px solid #1dbf07; padding:6px; list-style:none; text-align:center}

.error{ font-family:Arial, Helvetica, sans-serif; color:#FF3300; background-color:#ffffff; border:2px solid #FF3300; padding:6px; list-style:none; text-align:center; display:block; margin-top:10px;}
.aviso{ font:Arial, Helvetica, sans-serif; color:#1dbf07; background-color:#ffffff; border:2px solid #1dbf07; padding:6px; list-style:none; text-align:center; display:block;  margin-top:10px;}

.colorgris{ color:#999999;}
.borde{ border:1px solid #cccccc;}


.menu{font-size:16px; text-decoration:none; letter-spacing:1px; }	


.efecto:hover{ filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;background-color:#f2f2f2; z-index:-1; width:100%; cursor:auto}
.efecto{height:30px;}


.boton{background-color: #FFFFFF; border: 1px solid #999999!important; border-radius: 15px 15px 15px 15px; color: #333333; cursor: pointer; font-size: 10px; height: 26px; line-height: 1.6em;
   padding-left: 10px; padding-right: 10px; padding-top:5px; padding-bottom:5px; text-transform: uppercase;}
.boton:hover{background-color: #999999; color:#FFFFFF;  border:1px solid #999999!important; text-decoration:none; }

	
/* medidas*/

.alto200{ height:200px;}
.alto150{ height:150px;}
.alto100{ height:100px;}
.alto50{ height:50px;}
.alto30{ height:30px;}
.alto20{ height:20px;}
.alto10{ height:10px;}
.alto5{ height:5px;}

.ancho600{ width:600px}
.ancho530{ width:530px}
.ancho430{ width:430px}
.ancho400{ width:400px}
.ancho380{ width:380px}
.ancho350{ width:350px}
.ancho330{ width:330px}
.ancho310{ width:310px}
.ancho300{ width:300px}
.ancho280{ width:280px}
.ancho250{ width:250px}
.ancho200{ width:200px}
.ancho170{ width:170px}
.ancho150{ width:150px}
.ancho130{ width:130px}
.ancho120{ width:120px}
.ancho100{ width:100px}
.ancho80{ width:80px}
.ancho70{ width:70px}
.ancho60{ width:60px}
.ancho50{ width:50px}
.ancho30{ width:30px}
.ancho20{ width:20px}
.ancho10{ width:10px}


.margen20{ padding:20px;}
.margen10{ padding:10px;}
.margen5{ padding:5px;}


/* texto*/

.centrado{text-align:center;}
.justificado{text-align:justify;}
.derecha{text-align:right;}
.izquierda{text-align:left;}
.negrita{font-weight:bold;}
.cursiva{ font-style:italic;}
.mayusculas{ text-transform:uppercase;}