/* CSS Document */
*{
padding:0;
margin:0;
}

body{
margin:0px; 
padding:0px; 
font-family: Arial, sans-serif;
font-size: 11px;
color:#336;
background-color:#FFF;
}

/* HEADER & FOOTER */
#header{
text-align:right;
display:block;
padding-right:10px;
border:0;
margin:0;
height:115px;
background:url(../gui/header_creasys.gif);
background-repeat:no-repeat;
}



#footer{
padding:10px 10px 5px 0;
color:#fff;
text-align:center;
font-size:11px;
display:block;
height:20px;
clear:both;
width:888px;
background-color:#206662;
}


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visbility:hidden;}


/* AREAS */
#wrapper{
background-color:#FFF;
padding:0;
margin:0;
width:900px;
border:0px solid #000;
text-align:left;
}

#mainContent{
padding:0;
margin:0;

}

img.right{ float:right;}
img.left{ float:left;}

#interlineado{
background:url(../gui/interlineado.gif) repeat-x;
  height:1px;
  margin:0;
  padding:5px 0;
  border:0;
}


#contentarea{
text-align:left;
padding:0;
margin:0;
border:0;

}

#zone1{
width:900px;
float:left;
border-bottom:1px dashed #EFEFEF;
}

#mini_zone{
width:240px; 
background-color:#FFF; 
float:left;
padding:5px;
margin-right:30px;
margin-left:10px
}

#text_zone{
width:900px; 
background-color:#FFF; 
float:left;
padding:5px;
margin-right:30px;
margin-left:10px
}

#central_zone{
width:650px; 
background-color:#FFF; 
float:left;
padding:5px;
margin-right:30px;
margin-left:10px
}

#right_nav{
width:100px; 
background-color:#FFF; 
float:right;
padding:15px;
margin-right:30px;
margin-left:10px;
border-left:1px dashed #EFEFEF;
}

#central_service{
width:500px; 
background-color:#FFF; 
float:left;
padding:5px;
margin-right:30px;
margin-left:10px
}

#right_service{
width:200px; 
background-color:#FFF; 
float:right;
padding:15px;
margin-right:30px;
margin-left:10px;
border-left:1px dashed #EFEFEF;
}


/* NAVEGACION */
#navigation{ width:898px;  border:0; margin:0; float:left; padding:0px; height:20px; background-color:#206662; text-align:center;}
#navigation ul{list-style: none; margin:0; padding:0; border:0;}
#navigation ul li{float:left}
#navigation ul li a {display:block;  height:20px; width:148px; color:#fff;  padding: 0;}
#navigation a:hover{color:#FFF; text-decoration:none; margin:0; padding: 0; background-color:#069;}
#navigation a.selected{color:#FFF; text-decoration:none; margin:0; padding: 0; background-color:#069;}


.destacado {
font-weight:bold;
color:#FFF;
}


/*ALERTAS*/
p.alert{
color:#F00;
margin:0 20px;
padding-left:25px;
background: url(../gui/icono_alerta.gif) no-repeat;
}

/* LISTAS*/
ul{ padding:0;  margin:0;  border:0;}
li{ padding:0;  margin:0;  border:0;}
ul li {list-style-type:none; padding:0;  margin:0;  border:0;}
ul li a {list-style-type:none; padding:0;  margin:0;  border:0;}

/* LINKS*/
a {color:#069; font-weight:normal;}
a:link {color:#069; font-weight:normal; text-decoration:none;}/* unvisited link */
a:visited { color:#069; font-weight:normal; text-decoration:none;}/* visited link */
a:hover { color:#069; font-weight:normal; text-decoration:underline; }/* mouse over link */
a:active { color:#069; font-weight:normal; text-decoration:none; }/* selected link */


/*PARRAFOS*/
p{line-height:1.5em;}
p.margen{margin:20px 0 0 0;}
p.img{text-align:left; padding:5px 0 5px 0;}
p.right{text-align:right;}


/*REGLAS GENERALES*/
h1, h2, h3, p, ul, li, img{margin:0; padding:0; border:0;}
h1 {font-size:24px; color:#069;}
h2 {font-size:14px; color:#069;}
h3 {font-size:12px; color:#069;}
h1.titulo{color:#369; margin:0;}
h2.titulo{color:#369; margin:0 0 1em 0;}
h3.titulo{color:#000; text-decoration:underline;}


/*----TEXT ALIGN--*/

.left { text-align:left;}
.center { text-align:center;}
.right {text-align:right;}


/*TABLAS*/
table{
border:1px solid #69C;
width:100%;
padding-bottom:10px;
margin:0;
background-color:#efefef;
}

table tr th{
background: url(../gui/background_th.gif) repeat;
border-right:1px solid #69C;
padding:5px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
}

table tr td{
text-align:right;
border-right:1px solid #69C;
border-bottom:1px solid #69C;
padding:5px;
background-color:#FFF;
}

/*FORMULARIOS*/
form {
	margin:0;
	padding:0;
}

form div, form p {
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
}

label{
	width:140px; 
	display:block; 
	float:left; 
	text-align:right;
	margin-right:10px;
}

fieldset {
	border: 1px solid #69C;
	padding: 5px 10px;
	margin: 5px 0 0 0;
	color:#369;
}

fieldset legend {
	color: #369;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding:5px;
	background-color: white;
}

fieldset ul {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

fieldset ul li {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}
  
fieldset p{
	padding:4px;
}

fieldset.buttons{
	background-color:#FFF;
	text-align:center;
	padding:3px 0;
	border:0;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFF;
}

fieldset.buttons input{
	margin:0 3px;
}

     
input, select, textarea {
	font-size:1em; 
	font-family: arial, helvetica, verdana, sans-serif;
	margin: 0;
	padding: 2px;
}

input, select {
	vertical-align:middle;
}
	
textarea {
	width: 200px;
	height: 8em;
}
	
input.check {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
}

input.radio {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
}

input.file {
	height: auto;
	width: 250px;
}

input.readonly {
	background-color: transparent;
	border: none;
}
	
input.button {
	width: 10em;
	border:1px solid black;
	background-color: #ddd;
}
	
input.image {
	border: none;
	width: auto;
	height: auto; 
}
	
form div.submit {
	margin: 1em 0;
}
    
form div.submit input {
	height: 2em;
    width: 15em;
}