@charset "utf-8";
/* @JuanGarciaR */

/* ESTRUCTURA PRINCIPAL PAGE */
body{
	background-color:#1b1b1b;
	margin:0;
	padding:0;
	font:Arial, Helvetica, sans-serif;
	color:#808000;
    }

#contBody{
    margin:0 auto;
	width:980px;
	height:auto;
	min-height:400px;
	}

#contenido{
    float:left;
	width:980px;
	height:auto;
	min-height:400px;
	}
/* FIN ESTRUCTURA PRINCIPAL PAGE */

/* BARRA SUPERIOR INDICADORES */
#headTop{
    width:980px;
	height:30px;
	float:left;
	background:#009999;
	}
	
#headTop .contHeadIzq{
    width:360px;
	height:30px;
	float:left;
	text-align:left;
	}
	
#headTop .contHeadIzq h1{
    margin-left:20px;
    heigth:30px;
    font-family:Geneva, Arial, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#FFF;
	text-shadow: 0 1px 0 #006666;
	}

#headTop .contHeadDer{
    width:580px;
	height:23px;
	margin-top:7px;
	float:right;
	margin-right:10px;
	text-align:right;
	font-family:Geneva, Arial, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#FFF;
	text-shadow: 0 1px 0 #006666;
	}
/* BARRA SUPERIOR INDICADORES */	
	
/* BANNER HEAD */
#header{
    width:980px;
	height:80px;
	float:left;
	background-color:#FFFFFF;
	}

#header .banerIzq{
    width:480px;
	height:80px;
	float:left;
	margin-left:30px;
	}
	
#header .banerDer{
    width:460px;
	height:60px;
	float:left;
	margin-top:5px;
	padding:6px 0 0 0 ;
	text-align:right;
	margin-right:10px;
	}
	
/* FIN BANNER HEAD */

/* BARRA MENU PRINCIPAL */
#barraMenu{
    width:980px;
	height:36px;
	float:left;
	background:url(../imagenes/nav_background.png) repeat scroll 0 0 transparent;
	}

#barraMenu li, a.menu {
    color: #FFFFFF;
    float: left;
    font-family: Geneva,Arial,sans-serif;
	font-size:12px;
	letter-spacing:2px;
	list-style: none outside none;
    padding: 6px 15px;
    text-decoration: none;
	}

#barraMenu  a.menu:link{
    text-decoration: none;
	color:#FFF;
	}

#barraMenu  a.menu:visited{
    text-decoration: none;
	color:#FFF;
	}

#barraMenu  a.menu:hover{
    text-decoration: none;
	color:#FFF;
	}

#barraMenu  a.menu:active{
    text-decoration: none;
	color:#FFF;
	}

#barraMenu li:hover {
    background: url("../imagenes/bg_menu_hover.png") repeat scroll 0 0 transparent;
    color:#FFF;
    cursor: pointer;
    height: 30px;
	text-shadow: 0 1px 0 #006666;
    padding: 6px 15px;
}
    
/* FIN BARRA MENU PRINCIPAL */	

/* CONTENEDOR CENTRAL DE LA INFORMACION */
#contMain{
    width:960px;
	height:auto;
	min-height:400px;
	padding:15px 10px 10px;
	margin: 0 0 10px;
	float:left;
	background-color:#FFFFFF;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	behavior:url(border-radius.htc);
	}
	
#contClientes{
    width:200px;
	float:left;
	padding:10px;
	min-height:140px;
	margin:10px;
	/*background:rgba(0, 0, 0, 0.6);*/
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior:url(border-radius.htc);
	}
	
.titleee{
    width:98%;
	margin:0 auto;
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-style:italic;
	letter-spacing:-1px;
	text-shadow: 0 1px 0 #E7E8E6;
	}

#contFormUpload{
    width:500px;
	height:auto;
	min-height:300px;
	margin:0 auto;
	}
	
.headerUpload{
    width:478px;
	height:19px;
	float:left;
	margin-top:30px;
	background:#222;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	border-radius: 10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	behavior:url(border-radius.htc);
	letter-spacing:-1px;
	text-align:center;
	line-height:20px;
	padding:11px;	
	}

#centerUpload{
    width:478px;
	height:250px;
	float:left;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	padding:10px 10px 20px 10px;
	}

#centerUpload li{
    width:480px;
	min-height:25px;
	list-style:none;
	margin-bottom:4px;
	}
	
#centerUpload label{
    float:left;
	width:480px;
	color:#484848;
	letter-spacing:-1px;
	text-shadow: 1px 1px 1px #ABABAB;
	padding:6px 0 0 ;
	text-align:center;
    font-family:Geneva, Arial, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	}

#centerUpload input{
    width:200px;
	margin-bottom:10px;
	font-size:12px;
	padding: 0 0 0 3px;
	font-family:Geneva, "Arial", Helvetica, sans-serif;
	border:1px solid #E7E8E6;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	behavior:url(border-radius.htc);
	height:30px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
	}

#centerUpload .fileField{
    width:200px;
	font-size:12px;
	padding: 0 0 0 3px;
	font-family:Geneva, "Arial", Helvetica, sans-serif;
	border:1px solid #E7E8E6;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	behavior:url(border-radius.htc);
	height:30px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
	}

#bodyIzq{
    width:270px;
	height:auto;
	min-height:200px;
	float:left;
	margin-right:10px;
	}

#contLogin{
    width:270px;
	float:left;
	height:auto;
	min-height:200px;
	margin-bottom:5px;
	padding-bottom:10px;
	background:url(../imagenes/sombra_bottom.png) no-repeat scroll center bottom transparent;
	}
	
#contLogin #Login{
    width:270px;
	height:auto;
	min-height:200px;
	}

#Login .tituloLogin{
    width:270px;
	height:30px;
	padding:0;
	margin:0;
	float:left;
	background:url(../imagenes/bg_title_login.png) repeat-x scroll center top transparent;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	behavior:url(border-radius.htc);
	}

#Login .tituloLogin h3{
    height:20px;
    text-align:center;
	vertical-align:text-top;
	padding:-5px 0 5px 0;
	font-family:Geneva, Arial, sans-serif;
	font-size:15px;
	line-height:0;
	font-style:italic;
	color:#FFF;
	text-shadow: 0 1px 0 #006666;
	}

#Login .contForm{
    width:258px;
	height:auto;
	min-height:136px;
	float:left;
	padding:20px 5px 15px 5px;
	border-left:1px solid #e7e8e6;
	border-bottom:1px solid #e7e8e6;
	border-right:1px solid #e7e8e6;
	behavior:url(border-radius.htc);
	}

#Login .contForm li{
    color:#009999;
	min-height:25px;
	list-style:none;
	margin-bottom:5px;
	}

#Login .contForm label{
    float:left;
	width:90px;
	padding:6px 0 0 ;
	text-align:right;
    font-family:Geneva, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
#Login .contForm input{
    width:135px;
	font-size:12px;
	margin-left:10px;
	padding: 0 0 0 3px;
	font-family:Geneva, "Arial", Helvetica, sans-serif;
	border:2px solid #006666;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	behavior:url(border-radius.htc);
	height:20px;
	}

#Login .contForm .submit{
    background:url(../imagenes/bg_title_login.png) repeat-x scroll 0 0 transparent;
    border:1px solid #006666;
    color:#FFFFFF;
    font-family:Geneva, Arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    height:30px;
    margin-left:10px;
    text-align:center;
    text-transform:uppercase;
    width:100px;
	cursor:pointer;
}

.submitGlobal{
    background:url(../imagenes/bg_title_login.png) repeat-x scroll 0 0 transparent;
    border:1px solid #006666;
    color:#FFFFFF;
    font-family:Geneva, Arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    height:30px;
    margin-left:10px;
    text-align:center;
    text-transform:uppercase;
    width:100px;
	cursor:pointer;
}

#Login .contForm a.pass{
    font-family:Geneva, Arial, sans-serif;
    font-size:12px;
	text-align:center;
    text-decoration: none;
	color:#009966;
	}
	
#Login .contForm a.pass:link{
    text-decoration: none;
	color:#009966;
	}

#Login .contForm a.pass:visited{
    text-decoration: none;
	color:#009966;
	}

#Login .contForm a.pass:hover{
    text-decoration: none;
	color:#006666;
	}

#Login .contForm a.pass:active{
    text-decoration: none;
	color:#009966;
	}
	
#contPublicidad{
    width:270px;
	height:auto;
	min-height:110px;
	float:left;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:5px;
	padding-bottom:10px;
	background:url(../imagenes/sombra_bottom.png) no-repeat scroll center bottom transparent;
	}

#contPublicidad #Publicidad{
    width:248px;
	height:auto;
	padding:10px;
	min-height:90px;
	border:1px solid #e7e8e6;
	}
	
#bodyDer{
    width:680px;
	height:auto;
	min-height:200px;
	float:left;
	}

#contSlide{
    width:680px;
	height:211px;
	float:left;
	background:url(../imagenes/sombra_bottom_slide.png) no-repeat scroll center bottom transparent;
	}

#Slide{
    width:658px;
	height:180px;
	border:1px solid #e7e8e6;
	padding:10px;
	float:left;
	}

#Slide ul{
    margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
	}

#Slide li{
    margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
	}

#contDatos{
    width:680px;
	height:auto;
	min-height:367px;
	margin:5px 0 10px 0;
	float:left;
	background-color:#f2f2f2;
	}	

#contContact{
    width:680px;
	height:auto;
	min-height:456px;
	margin:0 0 10px 0;
	float:left;
	background:url(../imagenes/bg_contacto.jpg) no-repeat scroll center bottom;
	}
	
#contContact .formContact{
    width:400px;
	height:auto;
	min-height:400px;
	background:url(../imagenes/fondo_form_contact.png) no-repeat scroll center top ;
	padding:20px;
	float:right;
	}

#contContact .formContact h4{
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:36px;
   line-height:0;
   padding:0;
   margin:50px 0 20px 0;
   text-align:center;
   font-style:italic;
   color:#02cbb6;
   text-shadow: 0 1px 0 #006666;
   }
   

#contContact .formContact li{
    color:#009999;
	min-height:30px;
	list-style:none;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:10px;
	}
	
#contContact .formContact li:hover{
    color:#FFF;
	min-height:30px;
	list-style:none;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 #006666;
	background:url(../imagenes/bg_title_login.png) repeat-x scroll 0 0 ;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	behavior:url(border-radius.htc);
	}

#contContact .formContact li.textArea:hover{
    color:#FFF;
	min-height:100px;
	list-style:none;
	margin-left:30px;
	margin-right:30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 #006666;
	background:#02cbb6;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	behavior:url(border-radius.htc);
	}

#contContact .formContact .submit{
    background:url(../imagenes/bg_title_login.png) repeat-x scroll 0 0 transparent;
    border:1px solid #006666;
    color:#FFFFFF;
    font-family:Geneva, Arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    height:30px;
    margin-left:10px;
    text-align:center;
    text-transform:uppercase;
    width:140px;
	cursor:pointer;
}

#contContact .formContact label{
    float:left;
	width:130px;
	padding:6px 0 0 ;
	margin-left:20px;
	text-align:right;
    font-family:Geneva, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
#contContact .formContact input{
    width:150px;
	font-size:12px;
	margin-left:10px;
	margin-top:2px;
	padding:0 0 0 3px;
	font-family:Geneva, "Arial", Helvetica, sans-serif;
	border:2px solid #006666;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	behavior:url(border-radius.htc);
	height:20px;
	}

#contContact .formContact textarea{
    width:300px;
	font-size:12px;
	margin-left:20px;
	margin-top:2px;
	padding:2px 0 0 3px;
	margin-bottom:18px;
	font-family:Geneva, "Arial", Helvetica, sans-serif;
	border:2px solid #006666;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	behavior:url(border-radius.htc);
	height:100px;
	}

#contPart2{
    width:960px;
	height:auto;
	padding:15px 0 10px 0 ;
	min-height:120px;
	float:left;
	}

#contSlideClientes{
    width:960px;
	height:auto;
	min-height:120px;
	margin-bottom:10px;
	float:left;
	background:#999966;
	}

/* FIN DEL CONTENEDOR CENTRAL */
	
/* CONTENIDO DEL PIE DE PAGINA  */	
#pie{
    width:980px;
	height:95px;
	float:left;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	behavior:url(border-radius.htc);
	background-color:#009999;
	}

#pie #contPieIzq{
    width:600px;
	height:85px;
	float:left;
	margin:5px 5px 5px 20px;
	}
	
#pie #contPieIzq h2{
    float:left;
    text-align:left;
	font-family:Geneva, Arial, sans-serif;
	font-size:12px;
	line-height:0.98em;
	font-style:italic;
	color:#FFF;
	text-shadow: 0 1px 0 #006666;
	border:0;
	padding:0;
	}
	
#pie #contPieDer{
    width:330px;
	height:65px;
	float:left;
	margin:15px 20px 5px 5px ;
	text-align:center;
	padding:5px 0 0 0 ;
	}
	
/* FIN DEL PIE DE PAGINA */
