/* Estilos básicos */
body {font-family: Tahoma, Verdana, Arial; font-size: 10px; text-align: center;	margin: 6% 4px 6% 4px; padding: 0px; background-color: #ddd; line-height: 15px;
scrollbar-face-color:#A24557;
scrollbar-highlight-color:#DB9EA0;
scrollbar-3dlight-color:#DB9EA0;
scrollbar-darkshadow-color:#81313D;
scrollbar-shadow-color:#81313D;
scrollbar-arrow-color:#ddd;
scrollbar-track-color:#D4858A;
}

img { border: 0px; }
p { color: #666;  margin: 0;	padding: 0;	}

a { font:10px Tahoma, Verdana, Arial; text-decoration:none;color:#666}
a:hover { font:10px Tahoma, Verdana, Arial; text-decoration:underline; color:#666}

/* Capas principales */
#index {font:10px Tahoma, Verdana, Arial; width:750px; height:250px; margin: 10px auto; padding: 0px; border: 1px solid #A24557;}
#index2 {font:10px Tahoma, Verdana, Arial; width: 750px; color: #666; margin: 10px auto 0px auto; padding: 0px;}
#index2 #izq {font:10px Tahoma, Verdana, Arial; float: left;}
#index2 #der {font:10px Tahoma, Verdana, Arial; float:right;}

#global{	width:780px; margin: 0px auto; padding:1px;}
#logo { width: 145px; margin: 0px; vertical-align:bottom; text-align:left; float:left; padding: 5px 0px 0px 2px; }

#idioma { width: 630px; margin: 10px 0px 20px 0px; vertical-align:bottom; padding:6px 0px 0px;}
#idioma .list2 { font: 9px Tahoma, Verdana, Arial; color: #444; margin: 0px; padding: 0px; text-align: right;}
#idioma .list2 ul, #idioma .list2 li { list-style:none; display:inline;}
#idioma .list2 a { color: #444; margin: 2px; padding: 2px 0px 1px; text-decoration: none; border-top: 2px solid #eee;}
#idioma .list2 a:hover { color: #000; padding: 2px 0px 1px; text-decoration: none; border-top: 2px solid #A24557;}
#idioma .list2 a#seleccionado2 { color: #000; padding: 2px 0px 1px; text-decoration: none; border-top: 2px solid #BB7683;}
#idioma .list2 a#seleccionado2:hover { color: #000; padding: 2px 0px 1px; text-decoration: none; border-top: 2px solid #A24557;}

#cabecera { width: 630px; margin: 0px; padding: 0px 0px 10px 0px; float: right; vertical-align:bottom;}
#cabecera .list { font: 12px Tahoma, Verdana, Arial; color: #444; margin: 0px; padding: 0px; text-align: right; }
#cabecera .list ul, #cabecera .list li { list-style:none; display:inline;}
#cabecera .list a { color: #444; margin: 3px; padding: 8px 5px 1px; text-decoration: none; border-bottom: 3px solid #eee; font-size: 12px;}
#cabecera .list a:hover { color: #000; padding: 8px 5px 1px; text-decoration: none; border-bottom: 3px solid #A24557;}
#cabecera .list a#seleccionado { color: #000; padding: 8px 5px 1px; text-decoration: none; border-bottom: 3px solid #BB7683;}
#cabecera .list a#seleccionado:hover { color: #000; padding: 8px 5px 1px; text-decoration: none; border-bottom: 3px solid #A24557;}

#contenido { margin: 0px auto; padding:0px; width: 780px; border: 1px solid #A24557; clear:both; background-color:#FFFAF4; background-repeat: no-repeat;}
#numero1 #contenido {  background-image:url(../img/nosotros00.gif); background-position: right bottom; height: 265px; }
#numero2 #contenido {  background-image:url(../img/internacional00.gif); background-position: left top;height: 265px; }
#numero3 #contenido {  background-image:url(../img/estrategia00.gif); background-position: right top;height: 265px; }
#numero4 #contenido {  background-image:url(../img/formacion00.gif); background-position: left top;height: 265px; }
#numero5 #contenido {  background-image:url(../img/colaboradores00.gif); background-position: right top;height: 265px; }

#contenido #texto { width:523px; height:270px; text-align:left; overflow:auto; overflow-y:scroll; overflow-x:hidden; background-color:#FFFAF4;  height:253px; }
#numero1 #contenido #texto, #numero3 #contenido #texto, #numero5 #contenido #texto { float: left; padding: 10px 5px 2px 7px;}
#numero2 #contenido #texto, #numero4 #contenido #texto { float: right; padding: 10px 7px 2px 5px;}

#contenido h2{font: bold 14px Tahoma, Verdana, Arial; color: #eee; display:block; height:18px; background-color: #A24557; padding: 0px 5px; margin:0px; }
#contenido h2:hover {color: #fff;}
#numero1 #contenido h2, #numero3 #contenido h2, #numero5 #contenido h2  {text-align: right;}
#numero2 #contenido h2, #numero4 #contenido h2 {text-align: left; }

#contenido h4 {font: 11px Tahoma, Verdana, Arial; color: #000; border: 1px solid #ddd; border-top: 0px; padding: 2px 5px; line-height:11px; margin: 1px 0px 0px; clear:both; line-height: 15px; text-align:justify}
#contenido h4 strong {color: #A24557}
#contenido h4 a {font: bold 11px Tahoma, Verdana, Arial; color: #A24557; text-decoration:none;}
#contenido h4 a:hover {font: bold 11px Tahoma, Verdana, Arial; color: #A24557; text-decoration:underline;}

#numero1 #contenido ul { height :100px; vertical-align:middle; font:11px Tahoma, Verdana, Arial; color: #000; margin: 0px; padding: 0px 0px 0px 115px; text-align: left; list-style:none; background:url(../img/nosotros01.gif) top left no-repeat;}
#numero1 #contenido li { margin: 2px 0px; list-style-image:url(../img/flecha.gif); padding: 0px; }
#numero1 #contenido img {float:right; clear:both; margin-left: 30px;}

#numero2 #contenido #lista ul { height :260px; vertical-align:middle; font:11px Tahoma, Verdana, Arial; color: #000; margin: 0px; padding: 0px 150px 10px 20px; text-align:justify; list-style:none; background:url(../img/internacional01.gif) top right no-repeat; clear:both;}
#numero2 #contenido #lista li { margin: 2px 0px; list-style-image:url(../img/flecha.gif); padding: 0px; }
#numero2 #contenido img {float:left; margin-right: 5px; clear:both;}
#numero2 #contenido #lista2 ul { /*height :100px;*/ vertical-align:middle; font:11px Tahoma, Verdana, Arial; color: #000; margin: 0px 0px 0px 20px; padding: 0px 20px; text-align: left; list-style:none;;}
#numero2 #contenido #lista2 li { margin: 2px 0px; list-style-image:url(../img/flecha.gif); padding: 0px; }

#numero3 #contenido #lista ul { height :140px; vertical-align:middle; font:11px Tahoma, Verdana, Arial; color: #000; margin: 0px; padding: 0px 0px 0px 125px; text-align: left; list-style:none; background-image: url(../img/estrategia01.gif); background-position:35px left; background-repeat:  no-repeat;}
#numero3 #contenido #lista li { margin: 2px 0px ; list-style-image:url(../img/flecha.gif); padding: 0px; }
#numero3 #contenido #lista2 ul { height :100px; vertical-align:middle; font:11px Tahoma, Verdana, Arial; color: #000; margin: 0px 0px 0px 160px; padding: 0px 150px 0px 20px; text-align: left; list-style:none;;}
#numero3 #contenido #lista2 li { margin: 2px 0px; list-style-image:url(../img/flecha.gif); padding: 0px; }
#numero3 #contenido img {float:left; clear:both;}

#numero4 #contenido ul { height :100px; vertical-align:middle; font:11px Tahoma, Verdana, Arial; color: #000; margin: 0px 0px 0px 130px; padding: 0px 100px 0px 20px; text-align:justify; list-style:none; }
#numero4 #contenido li { margin: 2px 0px; list-style-image:url(../img/flecha.gif); padding: 0px; }
#numero4 #contenido img {margin: 5px 0px 5px 60px; clear:both; text-align:center; }

#numero5 #contenido h4 { height:222px;}

#base { clear: both; margin: 5px auto 0px auto; width:780px; padding:0px;}
#base h5 {font-family: Tahoma, Verdana, Arial; color: #666; font-size: 11px; font-weight:500;}
#base a{font-family: Tahoma, Verdana, Arial; color: #666; font-size: 11px; font-weight:500; text-decoration: none;}
#base a:link, a:active{font-family: Tahoma, Verdana, Arial; color: #666; font-size: 11px; font-weight:500;  text-decoration: none;}
#base a:hover{font-family: Tahoma, Verdana, Arial; color: #666; font-size: 11px; font-weight:500; text-decoration: underline;}

#izq { float:left; padding-left: 100px;}
#der {float:right; padding-right: 100px;}

/*
 * Gestión de contenidos
 */

#login		{width:300px; margin: 10px auto;}
#login p 	{font: bold 12px Arial,Verdana,Tahoma;}
#login th 	{width:300px; height: 25px; background-color: #A24557; font: bold 11px Arial,Verdana,Tahoma; color: #eee; text-align:center;}
#login td 	{width: 150px; height: 25px; background-color: #FFFAF4; font: 11px Arial,Verdana,Tahoma; color: #666; text-align:center;}
#login input {background-color: #eee; border: 1px solid #A24557; color: #666; font: 11px Arial,Verdana,Tahoma;}
#login .boton{ background-color: #FFFAF4; border: 1px solid #aaa; color: #666; font: 11px Arial,Verdana,Tahoma;}

/****************ESTILO DEL MENU DE GESTION A MODIFICAR*****************/

#gestion {	width:750px; height: 50px; margin: 0px auto; padding: 0px; }
#menu2 { background-color: #A24557; margin: 0px; padding:0px; width:750px; height: 25px; border:1px solid #A24557}
#menu2 .list  { font: 11px Tahoma, Verdana, Arial; color: #eee; margin: 5px 0px 0px 10px; padding: 0px; text-align: left; float: left;}
#menu2 .list ul, .list li { list-style:none; display: inline;}
#menu2 .list a { padding: 0px ; text-decoration: none; color: #eee;} #menu2 .list a:hover {padding: 0px ; text-decoration: underline; color: #eee;}
#menu2 span { font: bold 11px Arial,Verdana,Tahoma; color: #fff; margin: 0px; padding: 0px;}

#menu2 .list2  { font: 11px Tahoma, Verdana, Arial; color: #eee; margin: 5px 10px 0px 0px; padding: 0px; text-align: left; float: right;}
#menu2 .list2 ul, .list2 li { list-style:none; display: inline; color: #eee;}

#contenido_gestion { margin: 0px auto; padding:0px; width: 750px; min-height: 300px; border: 1px solid #A24557;  background-color:#FFFAF4; clear:both;}
#contenido_gestion h2 {font: bold 14px Tahoma, Verdana, Arial; color: #eee; display:block; height:17px; background-color: #A24557; margin: 15px 0px; padding: 0px 5px; text-align: right; }
#contenido_gestion h3 {font: 11px Tahoma, Verdana, Arial; border: 0px; padding: 2px 15px; text-align: right; float:right}
#contenido_gestion h3 p {text-align:left; color:#333; width:300px;}

.tabla 			{ font: 11px Tahoma, Verdana, Arial; color: #000; text-align: right; margin:20px; clear:both;}
.tabla input	{ font: 11px Tahoma, Verdana, Arial; color: #000; text-align: left; color: #000; border: 1px solid #aaa; text-align: left; width:175px; margin: 2px;}
.tabla textarea { font: 11px Tahoma, Verdana, Arial; color: #000; text-align: left; color: #000; border: 1px solid #aaa; text-align: left; width:500px; height: 200px;}
.tabla .boton{ background-color: #ddd; text-align:center; width: 75px;}