/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	font-size: 13px; 
}
#menuv {
	width: 230px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style:dotted;
	border-left-width:1px;
	border-top-color: #CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color: #CCCCCC; text-align:left
	
	}
#menuv ul, li {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
}

#menuv li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#menuv a {
	text-decoration: none;
	color:#1D6DAF;
	
	display: block;
	padding: 3px 6px;
	width: 218px;

    	
    } 

#menuv a:hover {
	/*background-color:#DEE7EB;*/
	color:#F60; background-color:#CEE1F7 
}


.menu {width:1000px; height:32px; font-size:0.85em; position:relative; z-index:100; border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1001px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:95px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:95px;position:relative; margin:0; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#000033; width:89px; height:30px;  background-image:url(../images/header.jpg); background-repeat:repeat-x; height:30px;padding-left:5px; line-height:29px; border-right:#FF9900 1px dashed}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:95px; w\idth:89px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#666666 bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#EE6600 bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#EE6600  bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#333333;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#EE6600;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:95px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:95px; top:-1px; width:95px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-95px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#999999; color:#FFF; height:auto; line-height:1em; padding:12px 12px; width:150px;border-width:0 1px 1px 1px;opacity: 0.9;filter:alpha(opacity=90)}
/* yet another hack for IE5.5 */
* html .menu ul ul a{width:130px;w\idth:130px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#EE6600;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#EE6600;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.table_consul_enc_1 {
	color:#666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	float: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:#EFF0EC;
}

.Estilo4 {
	font-weight: normal;
	padding-top:2px; padding:2px; padding-left:6px; padding-right:6px;
	text-transform: none; height:auto;
}

.Estilo5 {
	font-weight: normal;
	border: 1px solid #E7E7FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-transform: none;
}
.Estilo6 {
	font-weight: normal;
	padding-top:2px; padding:2px; padding-left:4px; padding-right:6px;
	text-transform: none;overflow:auto; width:720px; height:580px
}
.Estilo7 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003300;
	text-transform: none;
}
.Estilo8 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-transform: none;
}
.Estilo9 {
	font-weight: normal; 
	
	text-transform: none;
}

div.navegador {
	border: 1px solid #E8E8E8;
	margin: 2px auto;
	text-align: center;
	padding: 3px 5px;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 
span.navthis { 
    padding: 3px 8px; 
    background-color:#FFFFEF; 
    color: #003300; 
    font-weight: bold; 
    font-size: 13px; 
} 
a.nav {
	color: #003300;
	text-decoration: none;
	padding: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
a.xx {
	color:#1D6DAF;;
	text-decoration:none;

} 
a.xx:hover {
	color:#F60;
	text-decoration:none;;
}

a.nav:hover {
	color: #009900;
	border: 1px solid #FFCC00;
	padding: 3px;
}
#tabla2{
	width: 100%;
	margin: 0px;
	float: left;
} 
#cabtab2{
	height:29px;
	color:#000033;
	text-align: center;
	background-image:url(../images/shadeactive.jpg);
	background-repeat: repeat-x;
	-moz-border-radius: 5px 5px 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	
} 
.separador_1{
    width:230px;
	background-color:#E9ECFE;
	line-height: 20px;
	text-align: justify;
	border: 1px solid  #CCCCCC;  !important;
	border-radius: 5px 5px;!important;
   
    -moz-border-radius: 5px 5px 5px; !important;
	box-shadow: 5px 5px 5px #000000; !important;

    -webkit-box-shadow: 5px 5px 5px  #000000; !important;
    -moz-box-shadow: 5px 5px 5px #000000; !important;
     filter:alpha(opacity=90);color: #000000 !important;
	
	}

.separador_2{
    line-height: 20px;
	height:500px;
	text-align: justify;
	border: 1px solid  #E8E8E8 !important;
	border-radius: 5px 5px;background-color:#E9ECFE;
   
   /* -moz-border-radius: 5px 5px !important;
	box-shadow: 2px 2px 2px #000000 !important;

    -webkit-box-shadow: 4px 4px 4px #000000 !important;
    -moz-box-shadow: 4px 4px 4px #000000 !important;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
	/*background-color:#F6F6F6  !important;*/*/
	
}

.separador_3{
    line-height: 20px; width:690px;
	 background-color:#E9ECFE;
	text-align: justify;
	border: 1px solid  #CCCCCC !important;
	border-radius: 5px 5px;
   
   /* -moz-border-radius: 5px 5px !important;
	box-shadow: 2px 2px 2px #000000 !important;

    -webkit-box-shadow: 4px 4px 4px #000000 !important;
    -moz-box-shadow: 4px 4px 4px #000000 !important;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);*/
	
	
}
.separador_4{
    width:300px; height:210px; 
	line-height: 20px;
	text-align: justify;
	border: 1px solid  #CCCCCC !important;
	border-radius: 2px 2px !important;
   
    -moz-border-radius: 5px 5px !important;
	box-shadow: 5px 5px 5px #000000 !important;

    -webkit-box-shadow: 5px 5px 5px #000000 !important;
    -moz-box-shadow: 5px 5px 5px #000000 !important;
     filter:alpha(opacity=90);color: #000000 !important;
	background-color:#E9ECFE; !important;
	}

.separador_5{
    width:300px; height:auto;   
	line-height: 20px;
	text-align: justify;
	border: 1px solid  #CCCCCC !important;
	border-radius: 5px 5px !important;
   
    -moz-border-radius: 5px 5px !important;
	box-shadow: 5px 5px 5px #000000 !important;

    -webkit-box-shadow: 5px 5px 5px #000000 !important;
    -moz-box-shadow: 5px 5px 5px #000000 !important;
     filter:alpha(opacity=90);color: #000000; !important;
	background-color:#E9ECFE; !important;
	}
	
	
	

.shadow2{
box-shadow: 5px 5px 5px 5px #000000;
-webkit-box-shadow: 5px 5px 5px #000000;
-moz-box-shadow: 5px 5px 5px #000000;
  filter:alpha(opacity=90);color: #000000;;
	
}



.boton {border: 2px  #003300 solid; background-image:url(../img/boton.gif); cursor:pointer; color:#FFFFCC; background-repeat:repeat-x; 
}


.indentmenu{
font: bold 13px Arial;
 /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 900px; /*width of menu*/

border-width: 1px 0; background:url(../img/pro16_0.gif)center  repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #F5F5F1; /*text color*/
padding: 7px 30px;
text-decoration: none;
border-right: 1px solid #003300;
 /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color:#003300;
}

.indentmenu ul li a:hover, .indentmenu ul li, .current{
color: #FFFFE6 !important; /*text color of selected and active item*/

background: url(../img/pro16_01.gif) center repeat-x;
}

.buttondiv {
margin-top: 10px;
}
.messagebox{
	position:absolute;
	width:120px;
	margin-left:85px; text-align:center;
	border:1px solid #c93;
	padding:1px;
	background-color: #FFFFEE;
}
.messageboxok{
    position:absolute;
	width:120px;
	margin-left:85px; text-align:center;
	border:1px solid #c93;
	padding:1px;

	 background:transparent url(../img/loading1.gif)right no-repeat;
 
}
.envio{
    position:fixed;
	width:1000px; height:32px;
	background:transparent url(../img/correo.gif)center no-repeat;
 
}
.messageboxerror{
	position:absolute;
	width:200px;
	margin-left:50px;
	border:1px solid #CC0000;
	padding:1px;
	font-weight:bold;
	color:#FF0000;
	background-color: #FEF4F4;
}


/*slider*/
#slider {

	/* You MUST specify the width and height */
	width:862px;
	height:184px;
	position:relative;	
	overflow:hidden; padding-left:20px; padding-top:6px;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:690px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}
#lista
{ padding-left:10px; padding-right:10px; text-align:justify;
}

.mypets{ /*header of 1st demo*/
cursor: pointer;
padding:1px 1px;
border: 1px solid  #DBDFDB;
 background-image:url(../images/shadeactive.jpg); background-repeat:repeat-x;
 color:#003; font-weight:bold;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.openpet{ /*class added to contents of 1st demo when they are open*/
-webkit-box-shadow: 4px 4px 4px #000;

}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

#contenido{
float:right; padding-top:10px; padding-left:20px; padding-right:15px;
width:700px; 

}
#wrapper{
width:1000px; height:700px; margin:auto;  

}

button { height:22px; font-family:Verdana; font-size:11px; }

.label { width:120px; text-align:left; font-size:12px }

.campo { width:420px; }

a:hover {text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none;  width:170px; height:auto; background-color:#000033; padding:1px;filter: alpha(opacity=70);opacity: .7;-moz-opacity:0.7 ; -moz-border-radius: 5px 5px ;border-radius:5px 5px; }
a.tooltip:hover span{display:inline; position:fixed;  color:#FFFFFF;}
.input {border:1px solid  #33485b;
	background-color:#FAF9FF;
}



#carousel1{
width: 1140px;
height: 75px;
position:relative;
/*margin-top:1px; margin-bottom:1px; margin-left:1px; margin-right:1px;*/

  
}
  
#carousel1 img{
width: auto; height:auto;
  
}
  
  
#carousel1_Controles img{
width: 0px;
height: 0px;}



/*#demoIzq, #demoDer { width:200px; border:1px solid  #9EAAF8;
	background-color:#FAF9FF;  padding-right:3px; float:right}

#demoDer { float:right; }

/*select { width:217px; font-size:11px }*/