﻿/* @2009 Tecsisa  */

/* ----------------------- SIGO --------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul li, ul li  ul li {	list-style:none;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {	content:'';}	
abbr,acronym { border:0;}

.clearfix:after {
    content: 	".";
    display: 	block;
    height: 	0;
    clear: 		both;
    visibility: hidden;
    zoom: 1;
}

HTML {
	height:100%;	
}

BODY{
	background:url(../images/bg.gif) repeat-x left top;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 75% !important;
	color:#333333;
	text-align:center;
	background-color:#e9ebf3;
	height:100%;

}

A, A:link, A:visited, A:active {
	color: #19ABD5;
	text-decoration: none;
}
A:hover{
	color: #364374;
}

A:HOVER IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity: 0.7;
}

H1  {
	font-size: 		170%;
	color:#364374;
	font-weight:	normal;
	padding-bottom:	10px;
	
}

#inside .h1 {
	padding:0;
}

H2  {
	font-size:		130%;
	font-weight:	bold;		
	padding-bottom:	10px;
	padding-top: 20px;
	color: #364374 ; 
	
	
}
H3 {
	font-size:		120%;
	color:			#364374;
	font-weight:	bold;		
	padding:	10px 0 4px 0;

}

H4 {
	font-size:		110%;
	color:			#82776B;
	font-weight:	bold;		
	padding:	10px 0 4px 0;

}

H5 {
	font-size:		100%;
	color:			#82776B;
	font-weight:	bold;		
	padding:	10px 0 4px 0;

}

P{
	padding-bottom: 10px;

}

UL{

}

OL{
	list-style-type: decimal-leading-zero;
}

UL LI{
}

B, STRONG, EM STRONG, STRONG EM{
	font-weight: bold;
}

BLOCKQUOTE, Q {
	font-style:italic;
	color:#666666;
}

I, EM {
	font-style:italic;
}

TABLE {
font-size:100%;
}



/*
	COLORES:
	
	Texto: 	333333 (negro);
	botones: 8b92b1 (violeta claro)
	background  e9ebf3 (violeta casi blanco)
	headers: 364374 (azul)
	barra: 2d3763(violeta azul)
	menu-hover: eaecf4 (blanco violeta)
	border: 1cc2f2 (turquesa brillante)
	background:f6f7fa; (blanco sucio)
	a actualidad #5e6cb2
	background-color:#e9ebf3;
	border-top:3px solid #1cc2f2;
	background-color:#f6f7fa;
		color:#9197b5;
*/



/*-------- grid ----------*/

.float_l {
	float:left;
}

.float_r {
	float:right;
}

.pad {
	padding:10px;
	}


/*
	-----------------------
	| 2U |     8U         |
	|    |           | 2U |
	-----------------------
*/

.container_16 {
	width: 960px;
}

.container_16 .grid_16 {
	width: 960px;
}

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_4 {
	width: 190px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_8 {
	width: 460px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 660px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}


.clr {
	clear:both;
}

.clr_l {
	clear:left;
}

.clr_r {
	clear:right;
}

.dis_i {
	display:inline
}


/*
	whole
		top
			#topbar .lang
			#logo
			.top_img
			#contact
			.menu
			.banner
		#center
			#left
				.menu
				.menu
			#right
				#inside
					.header
					.content
		#footer
		
-->
*/


/* ----- STRUCTURE ----- */

#whole {
	margin:0px auto;
	text-align:left;
	min-height:90%;
	position:relative;
	}

#top {
	border-top:3px solid #E3E7F5;
	}

#topbar {

}


.top_img {
	background:url(../images/top_back.gif) top right no-repeat;
}

#contact {
	padding:10px 0 ;

}




.banner {
	padding:0;
	height:200px;
}



#center {
	background-color:#e9ebf3;
	border-top:3px solid #1cc2f2;
	margin-bottom: 20px;
	padding-top:10px;
}

#left{
	width:260px;
	margin-top:10px;
}

#right {
	width:680px;
	background:url(../images/inside_back-t.gif) no-repeat top left;
	padding:8px 0 0 0;
	margin-top:10px;
}

#inside {
	background:url(../images/inside_back-b.gif) bottom left no-repeat;
	background-color:#f6f7fa;
	padding:20px;
	width:640px;
	font-size:90%;
}


.content {
}

#footer {
	background-color:#ffffff;
	color:#9197b5;
	width:100%;
	height:80px;
	margin-top:10px;
   	bottom:0;
	}
	
#footer .menu {
	margin:0 auto;
	width:960px;
	text-align:left;
	border-top:3px solid #283e6d;
	background-color:#ffffff;
	height:60px;
	padding:10px 0 0 0;
}



/*----- LOGO ----*/

.logo A {
	border:0;
	padding:0;
	margin:0;
}

.logo IMG {
	border:0;
	padding:5px 0;
	margin:0;
	float:left;
}

.top_img  A:HOVER IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
}

/*---- MENUS-----*/

.menu UL {
padding:0;
}

.menu A, A:HOVER {
text-decoration:none;
}

.on {
	font-weight:bold;
}

.on LI{
	font-weight:normal;
}

.on LI.on {
	font-weight:bold;
}


/*---- LANG MENU----*/

#topbar .menu {
	font-size:80%;	
}

#topbar .menu UL {
	float:right;
}


#topbar .menu LI {
	float:right;	
	margin:8px;
	width:82px;
	height:25px;
}

#topbar .menu A {
	display:block;
	text-transform:uppercase;
	color:#364374;
	text-align:center;
	padding:6px 0;
}

#topbar .menu LI.on {
	background:url(../images/lang_back.gif) top center no-repeat;
}

#topbar .menu Li.on A{
	color:#ffffff;	
}

/*----- CONTACT ------*/

#top .contact {
	text-align:right;
	font-size:90%;
}

#top .contact UL {

}

#top .contact LI{
	margin:2px 0;
	padding: 0 20px 0 0;
}

#top .contact LI.phone {
	background:url(../images/icon-phone.gif) no-repeat right;
}

#top .contact LI.fax {
	background:url(../images/icon-fax.gif) no-repeat right ;
}

#top .contact LI.mail {
	background:url(../images/icon-mail.gif) no-repeat right ;
}

#top .contact LI IMG {
	margin:2px;
}

/*---- TOP MENU ----*/


#top_menu {
		border-bottom:3px solid #d4d8e9;

}

#top_menu UL.menu  {
	font-size:90%;
	float:left;
	background:url(../images/ul_bg.gif) repeat-x top;
	background-color:#303a67;
	margin:5px  0 0 0 ;
	}
#top_menu .menu LI {
	float:left;
	display:block;
	padding:0;
	font-weight:700;
	border-right:1px solid #2d3763;
	background: url(../images/top_buttons-l_w.gif) no-repeat top left;	
	}
	
#top_menu .menu SPAN {
	background: url(../images/top_buttons-l_d.gif) no-repeat top left;	
	padding:6px 20px 6px 20px;
	display:block;
}

#top_menu .menu .first {
	padding-left:0;		
}

#top_menu .menu A {
	display:block;
	color:#ffffff;
	text-transform:uppercase;
	background:url(../images/top_buttons-r_d.gif) no-repeat right top;
	}

#top_menu .menu A:hover {
	background:url(../images/top_buttons-r_w.gif) no-repeat right top;
	background-color: #eaecf4 ;
	color:#364374;
}

#top_menu .menu LI.on {
	background:url(../images/top_buttons-l_w.gif) no-repeat left top;
	background-color: #eaecf4 ;
}

#top_menu .menu LI.on SPAN{
	background:url(../images/top_buttons-l_w.gif) no-repeat left top;
}

#top_menu .menu LI A:HOVER SPAN{
	background:url(../images/top_buttons-l_w.gif) no-repeat left top;
}

#top_menu .menu LI.on A {
	color:#364374;
	background:url(../images/top_buttons-r_w.gif) no-repeat right top;
}


/*---- LEFT MENU----*/


#left .menu {
	margin-bottom:10px;
}


#left .menu .header {
	display:block;
	text-transform:uppercase;
	padding:10px 20px;
	width:220px;
	font-weight:bold;

}



#left .menu UL {
	width:240px;
	padding:5px 10px;
}


#left .menu LI A {
	display:block;
	width:220px;
}


#left .submenu .header {
	background:url(../images/not_back.gif);
	border-bottom:1px solid #5463a0;
	color:#1bc1f2;


}


#left .menu.submenu {
	padding: 0 0 4px 0;
	background:url(../images/not_back-b.gif) no-repeat bottom left;
	font-weight:bold;
}

#left .menu.submenu UL {
	background-color:#435082;
}


#left .menu.submenu LI {
	border-top: solid 1px #5463a0;

}

#left .menu.submenu .first{
	border: 0;
}

#left .menu.submenu A {
	color:#ffffff;	
	padding:10px;
}


#left .menu.submenu LI.on {
	background-color:#303a67;
}

#left .menu.submenu LI A:HOVER {
	background:url(../images/arrow.gif) no-repeat 98% center; 
	background-color:#303a67;
}


#left .pasos .header{
	background:url(../images/prox_back.gif) no-repeat;
	color:#364374;

}

#left .menu.pasos {
	padding: 0 0 4px 0;
	background:url(../images/prox_back-b.gif) no-repeat bottom left;
}

#left .menu.pasos UL {
	background:url(../images/prox_back_i.gif) repeat-y;
	background-color:#ffffff;
}	

#left .menu.pasos LI {
	background:url(../images/arrow.gif) no-repeat left center;
	padding-left:10px;
	margin-left:10px;
}	


#left .menu.pasos A {
	padding:5px 0px;

}


#left .menu.pasos LI A:HOVER {
	}
	
	
#left .menu .header A {
	padding:0;
	color:#1bc1f2;
}	

#left .menu .header A:HOVER {
	color:#e9ebf3;
}	


/*---- FOOTER MENU----*/

#footer .menu {
		font-size:80%;

}

#footer .menu SPAN {
	}
	
#footer .menu UL {
}

#footer .menu LI {
		}

		
#footer .menu a {
	}
		
#footer .menu A:HOVER  {
	}

#footer .outer {
	background: url(../images/logo_ORACLE-gr.gif) no-repeat right bottom; 
	padding:0 75px 0 0;
	margin:0;

}

/*--- IMAGES ---*/

A IMG{
	border:0px;
}


	
/*--- CONTENT ---*/

.inside_box {
	background-color:#ffffff;
	border:1px solid #d2d7e9;
	padding:20px;
	margin:20px 0;
	clear:both;
	width:600px;
	float:left;

}

.inside_box h2, .inside_box h1{
	padding-top:0;
	margin-top:0;
}

/* ---- TEXT ---*/



#inside .content {
	padding:20px 0;
}

#inside .intro {
	text-transform:uppercase;
	color:#364374;
	font-weight:bold;
	font-size:115%;
}

#inside P {
	line-height:1.5em;
}

#inside .header {
	border-bottom:1px solid #d2d7e9;
}


/*--- LISTS ---*/
	
.content UL,  .content OL {
	margin: 0 10px 10px 20px ;
	padding:0;
}

.content UL UL {
	margin-bottom: 10px; 	
}

.content LI{
	margin:0 0 10px 0;
}


.content OL{
	margin:0 0 10px 30px;
	list-style-type:decimal;
}


.content UL LI {	
	padding:0 0 0 15px;
	list-style-type:none;
	background:url(../images/bullet.gif) left 5px no-repeat;
  }


.content UL LI LI{	
	list-style-type:circle;
}

.inside_box UL {
	color:#555555;
	margin:0px;
	float:right;
}

.inside_box UL.wimg {
	width:410px
}


.actualidad A {
	font-weight:bold;
}


.actualidad {
	color:#2d3763;
	padding-top:10px;
}

.actualidad LI, .content .actualidad LI {
	border-bottom:1px solid #CCC;
	padding:0 0 10px 0;
	background:url(../images/icon-news.gif) no-repeat left 3px ;
	margin-top:10px;
}

.actualidad SPAN {
	padding-left:15px;	
	color:#5e6cb2;
	font-weight:bold;
	text-transform:uppercase;
	font-size:110%;
}

.actualidad A:HOVER {
}

.content UL.actualidad {
margin:0;
}

.content UL.actualidad LI {
border:none;
padding-bottom:0;
}


/*--- HOME ---*/


#home {
	padding:0 0 20px 0;	
}

.home {
	color:#666666;	
}

.home.banner.cas {
        background:url("../images/contenido/banners/home.jpg") no-repeat ;
}

.home.banner.cat {
        background:url("../images/contenido/banners/home_cat.jpg") no-repeat ;
}

.home .intro {
	font-weight:bold;	
}


.home .actualidad {
	font-size:90%;
}


.home .actualidad A {
	font-weight:normal;
	color:#364374;
}

.home .actualidad A:HOVER {
color:#19ABD5;
}

.home.soluciones h2{
	margin-bottom:10px;	
}

.home .mas {
	width:450px;
	font-weight:normal;
	margin-bottom:0;
}

.home .mas SPAN {
	font-size:90%;	
}

.home .mas .i .inner {
	padding:10px 20px 0 20px;
}
.home.caja_izq {
	width:450px;
	margin-right:20px;
}

.home.caja_cen {
width:250px;
margin-right:10px;
}

.home.caja_der {
width:220px;
}

.home H2 {
	font-size:120%;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	padding:10px 0;
}

.home A.hijo {
/*	color:#1cc2f2; */
	font-size:150%;
	font-weight:normal;
	padding-bottom:10px;

}

.home A.hijo:HOVER {
/*	color:#2d3763;*/
}

.home .logo_box {
	background:url(../images/logo_box.gif) no-repeat top center;
	height:101px;
	width:220px;
	margin-top:20px;
}

.home.caso P {
	padding:10px;
}

.home .destacado {
	height:392px;
	margin-top:20px;
}

.home .destacado .button_B, .home .destacado .button_C , .home .destacado .button_D{
	margin:357px 10px 0 0;
}

/*---- CAJA INFO ----*/

.info {
	border:1px #B3B3B3 solid;
	margin:10px;
	padding:10px;
	}

/* ----- INFO_BUTTON-----*/

.mas {
padding-bottom:0;
padding-right:0;
margin-bottom:10px;
margin-top: 10px;
clear:both;
width:620px;

}

.mas P{
	padding:0 10px 
}

.button {
	float:right;	
	background:url(../images/info-button.gif) no-repeat right;
	width:180px;
	height:38px;
	margin-top:10px;
	font-size:9pt;
}

.button A {
	text-align:right;
	padding:13px 40px 10px 0 ;	
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:90%;
	color:#364374;

}

.content .button A:HOVER {
	text-decoration:none;	
}

.button A:HOVER {
	color:#19ABD5;
}



.button_B, .button_C, .button_D  {
	width:auto;
	padding-right:8px;
	margin:10px 0;
}

.button_B A, .button_C A, .button_D A {
	padding:7px 0 0 0;
	display:block;
	height:27px;
	color:#364374;
	text-decoration:none;
}


.button_B A:HOVER, .button_C A:HOVER, .button_D A:HOVER {
	color:#19ABD5;
}


.button_B SPAN, .button_C SPAN, .button_D SPAN {
	display:block;
	font-weight:bold;
	height:27px;
	text-transform:uppercase;
	padding-left:7px;
	font-size:80%;
}

.button_B {
	background:url(../images/button_B_r.gif) no-repeat top right ;
}

.button_B A {
	background:url(../images/button_B_c.gif) repeat-x top ;

}

.button_B SPAN {
	background:url(../images/button_B_l.gif) no-repeat top left ;
}

.button_B.b_arrow {
	background:url(../images/button_B_ra.gif) right top no-repeat;
}

.button_C {
	background:url(../images/button_C_r.gif) no-repeat top right ;
}

.button_C A {
	background:url(../images/button_C_c.gif) repeat-x top ;
}

.button_C SPAN {
	background:url(../images/button_C_l.gif) no-repeat top left ;
}

.button_C.b_arrow {
	background:url(../images/button_C_ra.gif) right top no-repeat;
}


.button_D {
	background:url(../images/button_D_r.gif) no-repeat top right ;
}

.button_D A {
	background:url(../images/button_D_c.gif) repeat-x top ;
}

.button_D SPAN {
	background:url(../images/button_D_l.gif) no-repeat top left ;
}

.b_arrow {
	padding-right:30px;
}

.button_D.b_arrow {
	background:url(../images/button_D_ra.gif) right top no-repeat;
}


.tab {
	background:url(../images/tabs_r.gif) no-repeat right top;
	font-size:90%;
	margin:0 20px;
	padding-right:5px;
	}

.tab SPAN {
	background:url(../images/tabs_l.gif) no-repeat left top;
	padding-left:5px;
	display:block;

}

.tab A {
	text-align:center;
	color:#A5B1DD;
	display:block;
	padding:4px 10px;
	text-transform:uppercase;
	font-weight:bold;
	background:url(../images/tabs_c.gif)  repeat-x top;
}

.tab A:HOVER {
	color:#1cc2f2;	
}

/* ---- CAJA ---- */

.box {background-color:#fefefe;background-image:url(../images/box_i.gif);background-position:bottom left;background-repeat:repeat-x;}
.box .t {background-image:url(../images/box_t.gif);background-position:left top;background-repeat:repeat-x;height:8px;}
.box .t .l{background-image:url(../images/box_lt.gif);background-position:left top;background-repeat:no-repeat;float:left;height:8px;width:8px}
.box .t .r{background-image:url(../images/box_rt.gif);background-position:right top;background-repeat:no-repeat;float:right;height:8px;width:8px}
.box .l{background-image:url(../images/box_l.gif);background-position:left top;background-repeat:repeat-y;}
.box .r{background-image:url(../images/box_r.gif);background-position:right top;background-repeat:repeat-y;}
.box .b{background:url(../images/box_b.gif) repeat-x left bottom; ;}
.box .b .l{float:left;background-image:url(../images/box_lb.gif);background-position:left bottom;background-repeat:no-repeat;height:8px; width:8px}
.box .b .r{float:right;background-image:url(../images/box_rb.gif);background-position:right bottom;background-repeat:no-repeat;}
.box .i{text-align:left;width:100%;}
.home .box .b .l {height:48px}

/*---- BUSQUEDA RESULTADOS ----*/

/*----- CLASES -----*/


.img {
	border:1px solid #D2D7E9;
	
}


.left {
	float:left;
	margin:0 10px 0 0;
}

.right {
	float:right;
	margin: 0 0 0 10px;
}

.center {
	margin:10px 0;	
}

.logo {
	padding:3px 0 3px 0 ;
}

A.hijo, .hijo{
	font-weight:bold;
	font-size:130%;
}


A:HOVER.hijo, .content A:HOVER {
	text-decoration:underline;
}


.imp {
	font-weight:bold;	
}

/*------ Contacto --------*/

TABLE.contacto {
	margin:10px 0;
}

.contacto TD.question {
	padding:10px 5px 0 0;
	vertical-align:top;
}

.contacto TD.value {
	padding:5px 5px;	
}

INPUT.value, TEXTAREA.value{
 width:250px;
 margin-right:2px;
}

TABLE.value INPUT{
	margin:2px 4px 0 0;
}

TABLE.value LABEL {
	margin:2px 4px;
}

INPUT.error{
    border: 1px solid #cb1c1c;
}
.contacto .select {
	margin:2px; 
}

.contacto TEXTAREA {
	overflow:hidden;
}

/*---- Error ----*/

.error_box {
	padding:50px 0;
	color:#FFF;
	font-size:140%;
}

/*============
DEVELOPMENT
==============*/

