/* ************ CSS Centro Andares Versi�n 2.0 ************** /
/***********  Formatos DIV del cuerpo de la p�gina ***************/
*{margin:0;padding:0;}

body { overflow:auto; margin-bottom: 0em; background-color: #f4f9d5; text-align:center
}

div#marco{  width:1000px; background:white; margin:auto; border-right:3px solid #f4f9d5;border-left:3px solid #f4f9d5;
}
div#cabecera { width:1000px; text-align:center;height:140px;
}
div#derecha { width:23%; padding-top:40px; padding-left:0px; float:left; text-align:center; 
}
div#superior {overflow:inherit;width:1000px; background: url(../imagenes/barradegraverde.gif) repeat-x 40px; text-align:left;margin-left:0%;margin-right:0%;padding: 0px 0px 0px 0px;
}
div#caja{float:left; width:73%;margin:0px 0px 0px 0px ;padding:40px 10px 30px 0px; background:white; text-align:justify;
}
div#multi{float:left; text-align:left;padding:20px 20px 2px 20px;  border-left:1px  solid #c1f3c4; 
}
div#pie{clear: both;height:75px; padding: 0em 10px 0em 0em; background-color:#f0ffff; text-align: center; font-size:10px;color:green; text-decoration:none;
}
div#cajalateral{float:left;margin-bottom:0px;/*height:200px; overflow:auto; */text-align:left;padding:5px 0px 20px 10px;  border-left:1px  solid #c1f3c4
}
 div#avisos{ width:21%; margin-top:30px;  padding-left:0px;float:left; text-align:center; /*border-bottom:1px  solid #c1f3c4;*/
}
div#cursos{ width: 700px; margin-top:40px; background:#ffffcc/*#fffbeb*/ url("../imagenes/barradegradamarillatop1.jpg") no-repeat left top; 
padding:7px 20px 20px 20px; /* ;*/text-align:left;
}
/******************* Formatos de texto, clases  *******************/

.caja2v {
  width: 700px;
  background: #f0ffff/*#f5ffff/*#ffffcc/*#fffbeb*/ url("../imagenes/barradegradamarillabottom2.jpg") no-repeat left bottom;
  margin:20px;
  padding-bottom:50px;	
}
.caja2v h4 {
  background: url("../imagenes/barradegradamarillatop1.jpg") no-repeat left top;
  font: bold 18px Verdana, sans-serif;
	color: #007100/*#006600 /*#336600/*green*/;
	padding: 7px 20px 20px 30px;
	text-align:center;
	
}
.caja2a {
  width: 700px;
  background:#ffffcc/*#fffbeb*/ url("../imagenes/barradegradamarillabottom2.jpg") no-repeat left bottom;
  margin:20px;
  padding-bottom:30px;
	
}

.caja2a h4,h1 {
  background: url("../imagenes/barradegradamarillatop1.jpg") no-repeat left top;
  font: bold 18px Verdana, sans-serif;
	color: #007100/*#006600 /*#336600/*green*/;
	padding: 5px 20px 20px 30px;
	text-align:center;

}
.caja1 {
  width: 200px;
/*background: #f5ffff/*#f0ffff*//* url("../imagenes/fondbarraverdeclarobottom1.jpg") no-repeat left bottom;*/
  margin:10px;	
	text-align:center;
	float:none;
	}

.caja1 h4 {
  background: url("../imagenes/fondonaranja.gif") no-repeat left top;
  font: bold 12px Verdana, sans-serif;
	color: green;
	padding-top: 5px;
	text-align:center;
}
.caja3 {
  width: 900px;
	background:#ffffcc  url("../imagenes/barradegradamarillabottom3.jpg") no-repeat left bottom;
  margin: 10px;
	padding-bottom: 30px;
}
.caja3 h4 {
  background: url("../imagenes/barradegradamarillatop5.jpg") no-repeat left top;
  font: bold 18px Verdana, sans-serif;
	color:  #007100;
	padding: 7px 20px 25px 30px;
	text-align:center;
}
.titulo {
background: url(../imagenes/barradegradamarillatop1.jpg) repeat-y;
font: bold 18px Verdana, sans-serif;
color:  green;
text-align:center;
/*background-color:#ffcc66;*/
margin:40px 0px 30px 10px;
/*margin-left:10px;*/
}
.fecha{
font: normal 14px Verdana, sans-serif;
color:#993333;
text-align:center;
margin:20px 20px 30px 40px;

}
.caja2a .quien{
    margin-bottom:5px;
    margin-top:5px;
}

.quien{
font: normal 14px Verdana, sans-serif;
color:#ff9900;
text-align:center; 
margin:20px 20px 20px 12px;
}
.objetivo{
text-align:justify;
font: 14px/20px "Lucida Grande", verdana, sans-serif;
color: #000000;
margin:20px 20px 20px 20px;

}
.center div, p{
    text-align: center;
    
    
    
}
.center form{
    margin-left:10px;
    text-align:center;
    padding-bottom:10px;
}
.center input{
    text-align:center;
    font: bold 14px Verdana,sans-serif;
    color:green;
}

.listas li{
padding-left:20px;
margin-left:25px;
margin-bottom: 20px;
text-align: justify;
color:black;
width:640px;
background:url("../imagenes/cristal_clear_escala.png") no-repeat 0px 5px;  ;
font: 14px/20px "Lucida Grande", verdana, sans-serif;  
    
}
.citas{
text-align:left;
font: italic 14px Verdana, sans-serif;
color:#999999;
padding:0px 20px 0px 40px;
}
.nombre{
font: bold 14px Verdana, sans-serif;
color:  green;
padding:0px 20px 0px 10px;
margin-top: 10px;
text-align:left;
}
.nombre1{
font: bold 16px Verdana, sans-serif;
color: green;

}
.descarga{   
text-align: center;  
margin-bottom: 10px;
}
.descarga  a,span {
font: bold 14px Verdana, sans-serif;
color:  green;
text-decoration: none;
   
}
.descarga  a:hover {
font: bold 14px Verdana, sans-serif;
color: #ffa500;
text-decoration: underline;
   
}
.tabla ul{
clear: both;
width:629px;
height:730px;
text-align:left;
font: 15px/20px "Lucida Grande", verdana, sans-serif;
color: green;
margin:20px 20px 20px 32px;
background-color: #F4F99B;

}
.tabla li{
   padding-left: 5px;
   width:150px;
   height: 45px;
   float:left;
   border: 1px solid;    
   padding-top: 5px;
}

.tabla .li1{
 height:39px;
}
.tabla .li2{
width:307px; 
height:39px;

}
.tabla .li3{
 width:621px;
 height: 70px;
}

.tabla .li4{
 height: 85px;
 
}
.tabla .lipie{
 width:621px;
 border: none;
 font-size: 9px;
 
}
.estrecha td{
   padding-left: 5px;
   width:80px;
    
    
}
.titulo1 {
background:#ffcc00;
font: bold 16px Verdana, sans-serif;
color:  green;
text-align:center;
padding:0px 20px 0px 20px; 
}
.indice
{
background:#ffffff;
text-align:left;
font: 9px "Lucida Grande", verdana, sans-serif;
color:green;
padding-left:0px;
}
.foto{
padding:20px 20px 2px 20px;
border:1px  solid #c1f3c4;
}
.ver{	

    /* position: absolute;
     /*top: 120;*/
     margin-left:10px;
     width: 1050px;
     height:720px;
     background-color:#CCCCCC;/* #ffffcb ;/*#000;*/
     /*z-index:8000;
     opacity:.95;
     -moz-opacity: 0.95;
     filter: alpha(opacity=95);*/
	 /*border:10px solid #999999;*/
	 
	 
}
.boton{
	background-color: green;
	color: #ffffcc;
	font-family: tahoma;
	text-decoration: none;
	text-align:center;
}
h3 {
	background:#FCCBDC;
	text-align:center;

}

.content {
	/*padding: 10px;*/
	width: 1000px;
	float: left;
}
.cajaizqda {
	float: left;
	width: 200px;
	/*margin-left:-15px;*/
	/*padding-bottom: 10px;	*/
	
}
#cajalateral input{
/*background-color:orange;*/
background:url(../imagenes/boton11Peque2_3.jpg) no-repeat;
font-family:Comic Sans Ms ;
font-size:13px;
font-weight:bold;
width:210px;
height:28px;
text-align:center;
color:#FFFFFF;
margin-left: 5px;
margin-top:15px;
cursor:pointer;
}
/****************** Formatos de navegaci�n de listas y de links ********************/
#navcontainer ul li 
{
list-style-type: none;
padding: 0px;
margin: 0px;
display: block;
float: left;
text-align: center;
color:black;
width: 111px;
background: url(../imagenes/barradegraverde.gif) repeat-x 40px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
}
#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 111px;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
#content {
	width: 34em;
	background-color: #f4ecd9;
	padding: 1em 0;
	border: 6px double #7d6340;
	margin: auto;
}	
ul {
	padding: 0;
	margin: 0;
}

#nav a {
	text-decoration: none;
	
}
li {
  position:  relative;    
  display: block;
 float: left; 
width: 10em; 
		
}
li#actual{
background-color: #ffa500;
color: green;
}
li#first {
	border-left-width: 0em;
	}
li#last {
		width:115px;
}
a#ancho{
	width:170px;	
}
li ul {
	display: none;
	position:  absolute;
	top: 100%;
	left: 0;
	font-weight: normal;	
	padding: 0px;
}

li>ul {
	top: auto;
	left: auto;
}
li li {
	display:  block;
	float: none;
  background-color: transparent;
	border: 0;
} 
/* =========== Clase over de los submenus en la barra de menu principal de cabecera =============*/
li:hover ul, li.over ul {
	display: block;
  float:left;
}

#navcontainer a:hover { background: url(../imagenes/barradegraverdeclaro.gif) repeat-x 40px;}
#navcontainer li#active { background-color : green; }
#navcontainer a#active { background-color : orange; text-decoration:none;}

#navcontainer li.active { background-color : green; }
#navcontainer a.active { background-color : orange; text-decoration:none;}

#subnavcontainer ul  
{
width:168px;

padding: 0px;
margin: 0px;
display: block;
float: left;
background: url(../imagenes/bg-top2_1.gif) no-repeat ;
background-color: #e9fdeb;
font:  11px/24px "Lucida Grande", verdana, sans-serif;
text-align: justify;
color:green;
}
#subnavcontainer li 
{
list-style-type: square;
width:168px;
text-align:center;
color:green;

}
#subnavcontainer a
{
list-style-type: disc;
color: green;
text-decoration: none;
width:  168px;
text-align:center;
border-bottom:1px solid #c1f3c4;
}
#subnavcontainer a:hover{text-decoration:underline;
 }
#subnavcontainer li#active { background: url(../imagenes/barradegraceleste.gif) repeat-x 40px; }


#pie a
{
text-decoration:none; 
color:green; 	
font-size:12px;
}

#pie a:hover{text-decoration:underline;
}

#subnavderecha ul  
{
width:200px;
list-style-type: square;
margin: 0px;
display: block;
float: left;
background: url(../imagenes/bg-top2_1.gif) no-repeat ;
background-color: #E9FDEB;
font:  11px/16px "Lucida Grande", verdana, sans-serif;
text-align: justify;
color:green;
padding-bottom:20px;
}
#subnavderecha li 
{
padding-top:5px;
list-style-type: square;
width:200px;
text-align:center;
color:green;
border-bottom:1px solid #c1f3c4;
}
#subnavderecha a
{
list-style-type: disc;
color: green;
text-decoration: none;
width:  200px;
text-align:center;
}
#subnavderecha a:hover{text-decoration:underline;
}
#subnavderecha li#active { background: url(../imagenes/barradegraceleste.gif) repeat-x 40px; 
}
#derecha #subnavderecha #cajalateral #titulo{
border-bottom:1px solid orange;
text-align:center;

}
/* ================== JQuery carrusel izquierdo documento ======================== */

/* ~~ Estas son las columnas para el diseno. ~~ */
.jcarousel-skin-tango .jcarousel-container {
   border-radius: 10px;
   background: #F6F6F6;
   position:relative;
}
img {
	border:none;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

#superventas {
	position:absolute;
	top:175px;/*195px;*/
	left:150px;/*148px;*/
	background-image:url(../imagenes/titular.png);
	background-repeat:no-repeat;
	width:140px;
	height:16px;
}



.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
   /* padding: 20px 40px;*/
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 200px;
    height: 220px;/*400px;*/
    padding: 0px;
	background-image:url(../imagenes/fondoThumb.jpg);
	background-repeat:no-repeat;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;


}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  200px;
    height: 240px;
	/*top:25px;*/
	left:0px;/*18px;*/
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 51px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 51px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../imagenes/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
	background: url(../imagenes/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -20px;
    left: 84px;
    width: 32px;
    height: 32px;
    cursor: pointer;
	background-image:url(../imagenes/flechaDown.png);
	background-repeat:no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    position: absolute;
    bottom: -20px;
    left: 84px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -10px;
    left: 84px;
    width: 32px;
    height: 32px;
    cursor: pointer;
	background-image:url(../imagenes/flechaUp.png);
	background-repeat:no-repeat;
}

/* ===================== JQuery Carrusel horizontal en cabecera del cuerpo de documentos ============  */

#myCarousel { 
        margin:0px;
        padding:0px;
     	width:780px;
      /*overflow:auto;*/
      height:220px;
}
#myCarousel li {
	 	margin:0px;
        padding:0px;
        width:200px;
        height:240px;
		/*overflow:auto;/*:100%;/*179px;*/
        list-style:none;
        float:left;
        /*position:relative;*/
}
/*================== Formulario ======================= */

.formulario{
  text-align:left;
  margin:0 auto;
  font-size: 12px;
  color:green ;
  background-color:  #CCCCCC;
  font-family:tahoma;
  width:980px;
  height:650px;
  overflow:auto;
}
.transparente{
   overflow:hidden;
   width:100%;
   height:100%;
	
}
.formulario img{
    border:none;
    float: right;
       
}
    
form div#cajaf{
    clear:both;
    float:left;
    padding:20px;
    margin-left:10px;
    background: #CCCCCC;
    width:350px;
    height:235px;
    border:1px solid green;

    }
form div#cajaf legend{
color:green;
font-size: 10px;

}
form div#cajatexto{
 
	float:left;
	margin-left:100px;
	padding:0;
	background: #CCCCCC;
	width:250px;
	height:200px;
	/*border:1px  solid green;*/
	}
form div#cajatexto textarea{
    background-color: #ede6e6;
}
form div#cajainput{
        float:left;
        margin-right:40px;    
            
}
fieldset input{
	
	margin-left:10px;
}
form #pief{	
	font-size:9px;
	height:20px;
	margin-top:-00px;
	 margin-right:20px; 
	 text-align:right; 
	 clear:both; 
	float:left;
	
}
form #base{
		float:left;
		font-size:10px ;
		margin-right:40px;
		padding-top:10px;
		width:330px;
}
form #base span{
	text-align:left;
	margin-right:185px;
        font-size: 9px;
        text-decoration: none;
            
}
form #base a{
	color:green;
	}
#pief input{
	width:100px;
	}