
/* Definimos la estructura para los tabas*/
.tabs li {display:block; float:left; margin:0; margin-top:.5em; padding:0px; _width:5em;border-bottom-width:0 !important}
.tabs {margin-left:0 !important; margin:0;font-size:1em; margin-bottom:-0.2em !important; margin-top:1em; padding:0; padding-left:0 !important; white-space:nowrap; clear:both; display:block; background:#FFFFFF !important; height:3em !important; border-bottom-width:0 !important}
.tabs ul{ margin-left:0;!important; }
.tabs li a { font-weight:normal !important; color:#FFFFFF; background:url(tabs/pasivo2b.gif) repeat-x ; display:block; border-bottom:0 !important; padding-bottom:0; margin-bottom:0; cursor:pointer; background-position:0 -40px;text-decoration:none}
.tabs li a span {display:block; height:2em; background:url(tabs/pasivo2a.gif) no-repeat; padding-left:5px !important; background-position:0 -40px; color:#FFFFFF; text-decoration:none}
.tabs li a span span{ background:url(tabs/pasivo2c.gif) no-repeat; padding-right:5px !important; background-position:right -40px}
.tabs a {line-height:2em;}
.tabs  a:hover {background-position: right -0px; display:block; color:#FFFFFF}
.tabs li a:hover span {background-position: 0 -0px; color:#FFFFFF; display:block; height:2em; padding-left:5px !important;}
.tabs li a:hover span span{background-position: right -0px; padding-right:5px !important; color:#FFFFFF}
.tabs a {line-height:2em;}
.tabs .active a{color:#FFFFFF !important;padding-top:-0.5em;background:#FFFFFF url(tabs/pasivo2b.gif) repeat-x top; display:block; }
.tabs .active a:hover span {color:#FFFFFF;}
.tabs .active span {display:block; height:2em; background:url(tabs/pasivo2a.gif) left top no-repeat; padding-left:5px !important;font-weight: bold;}
.tabs .active span span{ background:url(tabs/pasivo2c.gif) right top no-repeat; padding-right:5px !important;}
.active {padding-top:1em;}
#hidden { display:none;}
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/

.form {font-family:tahoma; font-size:12px; color:#06386A; text-align:right; background-color:#FFFFFF;border-bottom:2px solid #039A01; width:98%; margin:auto auto; padding-bottom: 2em;}
.form label {display:block; clear:both;}
.form input, .form select, .form textarea, .boton {width:50%; border:1px solid gray; margin:2px;}

#torquoise .texto-home a, #torquoise #offers_home .claro a strong, #torquoise #menu ul li a, #torquoise #izquierda p a, #torquoise ul li a, #torquoise .BOTONrojo, #torquoise .textoROJO, #torquoise .textoROJO a {color:#288888;}
#green{width: 760px !important;margin:0 auto; border-left-color:#009900; border-left-width:1px; border-style:solid;border-right-color:#009900; border-right-width:1px;border-bottom-color:#dadada;border-bottom-width:1px; border-top-color:#CCCCCC; border-top-width:1px}
#firma{ background:#009900; border-left-color:#009900; border-left-width:1px; border-style:solid;border-right-color:#009900; border-right-width:1px;border-bottom-color:#009900;border-bottom-width:1px; border-top-color:#dadada; border-top-width:0px}
#green .texto-home a, #green #offers_home .claro a strong, #green #menu ul li a, #green #izquierda p a, #green ul li a, #green .BOTONrojo, #green .textoROJO, #green .textoROJO a {
	color:#006600;
}

#green .texto-home a, #green #offers_home .claro a strong, #green #menu ul li a, #green #izquierda p a, #green ul li a, #green .BOTONrojo, #green .textoROJO, #green .textoROJO a {color:#090;}

#red .texto-home a, #red #offers_home .claro a strong, #red #menu ul li a, #red #izquierda p a, #red ul li a, #red .BOTONrojo, #red .textoROJO, #red .textoROJO a {color:red;}

body { background:url(http://www.coined-guatemala.org/imgs/back_all.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px;  }
a img {border:0;}
a {/*text-decoration:none;/* font-weight:bold*/ font-size:11px;}
ul li {list-style-type:square;}

ul li{ font-family: Tahoma; font-size: 11px; font-weight:normal !important; color:#666 !important;text-align:left !important; margin-left:5px}
#offers_home .claro a {font-weight:normal !important; color:#666 !important}
#offers_home .claro a:hover {color:#333 !important;}
#offers_home .claro td {vertical-align:top;}
#offers_home td {width:16.6%;}
#offers_home a {height:100%;}

#membresias img {height:42px;}
h2 {padding-left:1em !important; clear: both; background:url(home/menuizq/img_vineta.jpg) 0 5px no-repeat;}
h3 {padding-left:1em !important;}
p {padding:0 1em;}
ul, ol {padding-left:1em;}
p ul, p ol {padding-left:0 !important;}

p {color:#333333; font-size:11px;}

.granja a .box {font-weight:normal; visibility:hidden; position:absolute; padding:0; border:1px solid #999; cursor:default; z-index:2; background:white;}
.granja a .box table {width:auto;}
.granja a:hover {position:relative;}
.granja a:hover .box {visibility:visible; top:14px; left:0em;}
.granja a .box a {width:100%; padding:0 !important; display:block; border:0;}
.granja td {border:0 !important;}

.comment img {float:left; width:86px; height:86px; margin:.25em 1em .25em 0;}
.comment p {margin:.25em;}
.comment {border-top:1px solid #ccc; clear:both; margin:.5em 0; padding:.5em 0;}

#menu {width:100%; background:#f7f7f7;}
#menu a {text-decoration:underline; display:block; height:16px;}
#menu a:hover {background:#e7e7e7;}
#menu * {margin:0; padding:0;list-style-type:none;}
#menu li a {padding-right:5px;}
#menu ul li a {font-size:11px; border-bottom:1px solid #999; font-family:tahoma;font-weight:bold;line-height:16px; margin-left:5px; color:#006600!important;}
#menu ul ul li a {font-size:11px; color:#006600 !important; border-bottom:1px solid #ccc; text-align:left; margin-left:5px}
#menu ul ul ul li a {color:#006600 !important; background:url(imgs/home/img_vineta.jpg) 188px 5px no-repeat; border:0; font-weight:normal; margin-left:20px; color:#000066 !important}
#menu ul ul li a {padding-right:0px;}

#menu_locations, #menu_courses, #menu_internships, #menu_studytrips, #menu_services, #menu_registration, #menu_resources {display:none;}

#izquierda p {padding:1em 0; text-align:center;}
#izquierda p a {font-weight:bold;}
.locations #menu_locations {display:block !important;}
.courses #menu_courses {display:block !important;}
.internships #menu_internships {display:block !important;}
.studytrips #menu_studytrips {display:block !important;}
.services #menu_services {display:block !important;}
.registration #menu_registration {display:block !important;}
.resources #menu_resources {display:block !important;}

#derecha ul li a {font-size:10px;}

.texto_home img {border:1px solid #ddd; padding:2px;}
.texto_home table, .about {border-collapse: collapse; font-family:tahoma; width:100%;}
.texto_home #steps {width:auto;}
.texto_home table td, .texto_home table th, .about td {padding:2px 5px; border:1px solid white;}
 .rojo {font-size:11px; color:white; font-weight:bold;}
 .oscuro {font-weight:bold; font-size:12px; background:#D4D4D4; color:#666;}
 .claro {font-size:12px; background:#E8E8E8; color:#666;}
.imgfloatd {float:right; margin:0 5px; color:#aaa; text-align:right;}
.imgfloati {float:left; margin:0 5px;}
.boton {width:auto !important}

th span {font-family:tahoma; font-size:10px; padding:5px; color:white;}
.details td {text-align:right; font-size:11px; color:#666;}
.details div {width:60%; display:inline;}
.botonera * {white-space:normal}
.pie {	text-align: center;	vertical-align: middle;	padding-top: 10px;	padding-bottom: 10px;}
.pie, .pie a {	font-family: tahoma;	font-size: 11px;	color: #dadada;	border:0;	font-weight:normal;}

.home:link {
	font-family: tahoma;
	font-size: 11px;
	color: #666666;
	padding-left: 20px;
	text-decoration: none;
}
.celdabotonROJO {
	text-transform: uppercase;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
}
.inputSelect {
	font-size:9px;
	width:100%;
    -moz-box-sizing: border-box;
}
.inputBtn {
font-size:9px;
width:80px;
}
.celdabotonAZUL {
	text-transform: uppercase;
	text-align: right;
	border-bottom: 1px dotter #ccc;
	padding-top: 5px;
	padding-right: 10px;
	background-image: url(home/menuizq/img_vineta.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.celdabotonGRIS {
	text-transform: uppercase;
	text-align: right;
	padding-top: 3px;
	vertical-align: bottom;
}
.celdabotonGRIS2 {
	text-transform: uppercase;
	text-align: center;
	padding-top: 3px;
	vertical-align: bottom;
}
.BOTONrojo:link,
.BOTONrojo:visited,
.BOTONrojo:active {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.BOTONrojo:hover {
	color: #666666;
	text-decoration: none;
}

.BOTONgris:link,
.BOTONgris:visited,
.BOTONgris:active {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-transform: capitalize;
}
.BOTONgris:hover {
	color: #666666;
	text-decoration: none;
}

.BOTONazul:link,
.BOTONazul:visited,
.BOTONazul:active {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #093084;
	text-decoration: none;
	text-transform: capitalize;
}
.BOTONazul:hover {
	color: #666666;
	text-decoration: none;
}
.home:visited,
.home:active {
	font-family: tahoma;
	font-size: 11px;
	color: #666666;
	padding-left: 20px;
	text-decoration: none;
}
.home:hover {
	color: #000000;
	text-decoration: none;
}

.textoGRIS {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.textoROJO {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
}
.textoAZUL {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #082B78;
}
.textoGRISCopia {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}


.titulos_home,h1 {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #082C78;
	background: url(home/main/img_titulos.jpg)  left bottom no-repeat;
	text-align: left;
	padding-bottom: 13px;
	padding-left: 10px;
}
h2,h3 {
	font-family: tahoma;
	font-size: 11px;
	margin:0;
	padding:0;
	font-weight:normal;
	color: #082C78;
	text-align: left;
	text-transform:uppercase;
}
.texto_home {
	font-family: tahoma;
	font-size: 11px;
	line-height: normal;
	color: #666666;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 2px;
	text-align: left;
	vertical-align: super;
}
.celda_logos {
	background-image: url(home/main/IMG_LOGOS.jpg) center top no-repeat;
}
.BOTONbco,
.BOTONbco:visited,
.BOTONbco:active {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display:block;

}
.BOTONbco:hover{text-decoration:underline;  color:#06386A;}
#menusup a{height:20px!important; vertical-align:middle!important; padding-top:.3em;}
#menusup:hover{ background:url(http://www.coined-guatemala.org/beta/imgs/but-bg.gif)!important; color:#009900!important;}
#menusup *:hover{color:#009900!important;}
#menusup a:hover{ background:#FFFFFF!important; color:#009900!important;}
.imgBSAS {
	background: url(home/main/img_bsas.jpg) left bottom no-repeat;
	border-right: 1px solid white;
}
.imgCBA {
	background: url(home/main/img_cba.jpg) left bottom no-repeat;
	border-right: 1px solid white;
}

.imgMENDOZA {
	background: url(home/main/img_mdaza.jpg) left bottom no-repeat;
	border-right: 1px solid white;
}
.imgBARILOCHE {
	background: url(home/main/img_bariloche.jpg) left bottom no-repeat;
	border-right: 1px solid white;
}
.imgUSHUAIA {

	background: url(home/main/img_ushuaia.jpg) left bottom no-repeat;
	border-right: 1px solid white;
}
.imgARGENTINA {

	background: url(home/main/img_argentina.jpg) left bottom no-repeat;
	border-right: 1px solid white;
}
.imgSANTIAGO {
	background: url(home/main/img_santiago.jpg) left bottom no-repeat;
}
.celdaimgs {
	border-right: 1px solid white;
}
.BOTONpie:link,
.BOTONpie:visited,
.BOTONpie:active  {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.BOTONpie:hover {
	color: #333333;
	text-decoration: none;
}

#oferta {
width:80%;
font:Verdana;
color:#000000;
font-size:18px;
text-align:center;
margin:0;
border:0;
border-color:#000000;
}

#oferta img{
margin:0;
border:0;
}

#escuela ul li{
font-size:11px;
font:Verdana;
color:#666;
}
.red{
	color:#666666;
	font-weight:bold;
	
}

.boton {width:auto !important}
.red { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; background: #039A01; font-size: 11px; padding: .75em; border-color: #FFFFFF}
#locations_menu a {margin:0;}
#locations_menu a {font-size:9pt; padding:0 !important; display:block !important; line-height:1.5em;}
#content{ background-color:#FFFFFF; padding:5px;}
#tablaprecios {color: #000000; font-family:tahoma; font-size:0.7em;}
#xtabla{background:#039A01;border-left-color:#039A01; border-left-width:1px; border-style:solid;border-right-color:#039A01; border-right-width:1px;border-bottom-color:#039A01;border-bottom-width:0px; border-top-color:#039A01; border-top-width:1px;}
#line {
	border-bottom: solid 1px #ccc;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	font-size:0.7em;
	color:#000000;
	font-family:tahoma;	
}
.textbox {
	font-family: tahoma, arial;
	font-size: 11px;

	border: 1px solid #000000;
}
.texarea {
	font-family: tahoma, arial;
	font-size: 11px;
	border: 1px solid #000000;
}
.select {
	font-family: tahoma, arial;
	font-size: 11px;
	height: 18px;
	border: 1px solid #000000;
}