/* ---- Redefiniciones ---- */
body {background-color:#fff; margin:20px 0 0 0; padding:0; font:normal 70% Arial, Helvetica, sans-serif; color:#000}
ul, ol{padding:0; margin:0}
li {padding:0; margin:0}
p {padding:0; margin:0 0 10px 0; text-align:justify}
h1 {font-size:100%; padding:0; margin:0;}
h2 {font-size:100%; padding:0; margin:0;}
h3 {font-size:100%; padding:0; margin:0;}
h4 {font-size:100%; padding:0; margin:0;}
hr {display:none; margin:0; padding:0}
abbr { text-decoration:none}
fieldset {border:none}
cite { font-style:italic; font-size:110%; font-family:Arial, Helvetica, sans-serif}
a {color:#00CCFF; text-decoration:none}
a:hover {color: #00CCFF; text-decoration:underline}

/* ---- Contenedor global ---- */
#page {width:900px}
#popup {}

/* ---- Formulario ---- */
/*form {margin:0; padding:0; width:400px}
input{font-size:100%; margin:0 0 5px 0;border:solid 1px #90949F;}
label {float:left;margin:3px 0;display:block;text-align:right;width:130px; padding-right:10px;color:#62666F;}
br {clear: both;}
.button { background-color:#00ccff; color:#fff; border:solid 1px #00ccff; margin-left:5px; padding:1px 8px;}*/
 label
{
float: left;
margin-left: 2em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #000;
background: #66CCFF;
border: 1px solid #666;
float:right;
}

select
{
color: #000;
background: #66CCFF;
border: 1px solid #666;
float:right;
}
.submit input
{
color: #fff;
font-weight:bold;
background: #666;
border: 1px solid #6cf;
float:right;
}
fieldset
{
border: 1px solid #66CCFF;
width: 20em
}

legend
{
color: #fff;
font-weight:bold;
background: #00CCFF;
border: 1px solid #66CCFF;
padding: 0px 6px 0px 6px;
}

textarea
{
color: #000;
background: #66CCFF;
border: 1px solid #666;
float:right;
}


/* ---- Clases de secciones aplicados al id=page ----  */
.page_about .column1 {background:url(../images/ojo6.jpg) no-repeat top right; margin-left:-3px;}
.page_portfolio .column1 {background:url(../images/ojo5.jpg) no-repeat top right; margin-left:-3px;}
.page_contactar .column1 {background:url(../images/ojo3.jpg) no-repeat top right; margin-left:-3px;}
.page_form .column1 {background:url(../images/ojo18.jpg) no-repeat top right; margin-left:-3px;}
.page_callback .column1 {background:url(../images/ojo19.jpg) no-repeat top right; margin-left:-3px;}
.page_empleo .column1 {background:url(../images/ojo15.jpg) no-repeat top right; margin-left:-3px;}
.page_filosofia .column1 {background:url(../images/ojo21.jpg) no-repeat top right; margin-left:-3px;}
.page_activities_websamedida .column1 {background:url(../images/ojo14.jpg) no-repeat top right; margin-left:-3px;}
.page_activities_websamedida_porqueweb .column1 {background:url(../images/ojo7.jpg) no-repeat top right; margin-left:-3px;}
.page_activities_onlinebusiness .column1 {background:url(../images/ojo4.jpg) no-repeat top right; margin-left:-3px;}
.page_activities_printedmedia .column1 {background: url(../images/ojo9.jpg) no-repeat top right; margin-left:-3px;}
.page_activities_corporateimage .column1 {background:url(../images/ojo20.jpg) no-repeat top right; margin-left:-3px;}


/* ---- Mapa de ubicacion ---- */
.popup_mapa_ubicacion {width:454px; margin:0 20px 20px 20px}
.popup_mapa_ubicacion h1 {background-image: url(../images/es/text_mapa-de-ubicacion.gif); background-repeat: no-repeat;text-indent:-2000px;height:22px;width:250px; padding:0; margin:0;float:left}
.popup_mapa_ubicacion p.print {float:right;}
.popup_mapa_ubicacion .mapa {clear:both; margin-top:5px}
.popup_mapa_ubicacion .info {clear:both;width:415px; padding:20px; color:white; background:#00CCFF url(../images/logo-infinito2.gif) no-repeat right bottom;}

/* ---- Header ---- */
#header {background:url(../images/bar_header.gif) no-repeat left bottom; height:110px}

#header .logo {	float:left; padding:10px 25px 0 20px;}
#header .logo a {background-image: url(../images/logo_infinito1.gif); background-repeat: no-repeat;text-indent:-2000px;display: block;height:82px;width:147px;text-decoration:none}

#header #menuGeneral li, 
#header #menuActivities li{list-style-type: none; }

#header #menuGeneral {border-bottom:solid 1px #90949F; padding:25px 0 7px 0;/** background: url(../images/es/logo.jpg) no-repeat right top;**/ width:700px; float:left}
#header #menuGeneral li {float:left; background:url(../images/separator_menuGeneral.gif) no-repeat right;padding:0 3px 0 0; margin:0 3px 0 0}
#header #menuGeneral li a {color:#5E626C; text-decoration:none; padding:2px 8px }
#header #menuGeneral li a:hover{color:#00ccff;}
#header #menuGeneral .active{ background-color:#e8e8e8 }

#header #menuActivities {margin:10px 0 0 0;float:left;width:700px;}
#header #menuActivities li {float:left; background:url(../images/separator_menuActivities.gif) no-repeat right; padding:0 11px 0 0; margin:0 11px 0 0}
#header #menuActivities li a {color:#90949F; text-decoration:none; font:110% Arial}
#header #menuActivities li a:hover{color:#00ccff; }
#header #menuActivities .active{color:#00ccff; font:110% Arial}

/* ---- Layouts ---- */
.content 			{clear:both; color:#666666; font-size:110%}
.content a			{color:#00CCFF}
.content a:hover	{color:#000}
.content .indent	{margin-left:2em;}
#layout .close 		{clear:both; height:10px}

/* ---- Layout Home ---- */
.home .column1 {width:564px; float:left; margin:23px 0 0 0; padding:0 0 0 37px}
.home .column1 h2 {background-image:url(../images/looking.jpg); background-repeat: no-repeat;text-indent:-2000px;display:block;height:252px;width:526px; margin-bottom:10px}
.home .column1 p {padding-right:60px; text-align:justify;font-size:110%}
.home .column2 {width:295px;float:right;margin:50px 0 0 0}
.home .column2 .box1 {color:#fff;}
.home .column2 .box1 h3{color:#000; text-transform:uppercase; padding:5px 5px 5px 15px}
.home .column2 .box1 ul{background-color:#000; padding:5px; }
.home .column2 .box1 li{ list-style-image:url(../images/bullet1.gif);margin:10px 10px 10px 25px;}
.home .column2 .box2 {background-color:#e8e8e8;padding:10px 15px; text-align:justify}
.home .column2 .box2 h3{color:#000; text-transform:uppercase; padding:5px 0}
.home .column2 .box3 {padding:10px 15px; background:url(../images/border1.gif) repeat-y left top; height:50px}
.home .column2 .box3 h3{padding:5px 0}

/* ---- Layout Interior ---- */
.interior #layout { background:url(../images/border2.gif) repeat-y 690px; margin-top:5px}
.interior .column1 {width:691px; float:left;}
.interior .column1 h2 {text-indent:-2000px;}
.interior .column1 .content {padding:5px 70px 0 69px}
.interior .column1 .content ul{padding-left:15px; margin:0 0 20px 15px}
.interior .column1 .content li{list-style-image:url(../images/bullet2.gif);margin-bottom:10px; color:#6a6a6a; }
.interior .column1 .content strong{color:#6a6a6a}
.interior .column1 dl {margin:0 0 0 50px; color:#000000}
.interior .column1 dt {font-weight:bold; background:url(../images/bullet6.gif) no-repeat 0 4px; padding:0 0 10px 12px}
.interior .column1 dd {padding:0 0 10px 12px}
.interior .column2 {width:209px; height:430px; float:right}
.interior .column2 {background: url(../images/es/logo.jpg) no-repeat right bottom; float:left}
.interior .column2 .box1 {padding:5px 5px 5px 15px; background-color:#000; color:#fff; height:122px; margin:0 0 15px 5px;}
.interior .column2 .box1 h3{text-transform:uppercase; padding:5px 0}
.interior .column2 .box1 ul{padding-left:15px;}
.interior .column2 .box1 li{list-style-image:url(../images/bullet3.gif);padding-bottom:10px}
.interior .column2 .box1 a{color:#00CCFF; text-decoration:none}
.interior .column2 .box1 a:hover{color: #00CCFF; text-decoration:underline}
.interior .column2 .box2 {margin:0 20px 15px 15px;}
.interior .column2 .box2 h3{background:url(../images/es/text_caso-de-exito.gif) no-repeat top left;text-indent:-2000px;display: block;height:11px;width:110px; padding-bottom:10px}
.interior .column2 .box2 ul{padding:0; margin:0;}
.interior .column2 .box2 li{ list-style-type:none; background:url(../images/bullet4.gif) no-repeat 0 4px; padding:0 0 10px 10px; margin: 0 0 10px 0 }
.interior .column2 .box2 li.first{ background:#EBEBEB; padding:10px; margin: 0 0 10px 0 !important}
.interior .column2 .box3 {padding:5px 5px 5px 15px; background-color:#000; color:#fff; height:200px; margin:0 0 15px 5px;}
.interior .column2 .box3 h3{text-transform:uppercase; padding:5px 0}
.interior .column2 .box3 ul{padding-left:15px;}
.interior .column2 .box3 li{list-style-image:url(../images/bullet3.gif);padding-bottom:10px}
.interior .column2 .box3 a{color:#00CCFF; text-decoration:none}
.interior .column2 .box3 a:hover{color: #00CCFF; text-decoration:underline}

/* ---- Donwloads ---- */
.downloads {padding:10px 5px 10px 15px;}
.downloads h3{padding:5px 0}

/* ---- Links ---- */
a.printLink{color:#00CCFF;font-weight:bold;background:url(../images/icon_print.gif) no-repeat 100% 5px;padding:5px 18px 3px 0;}
a:hover.printLink{color:#000;}

a.mapLink{color:#00CCFF;font-weight:bold;background:url(../images/icon_map.gif) no-repeat 100% 5px;padding:5px 22px 5px 0;}
a:hover.mapLink{color:#000;}

a.pdfLink{color:#00CCFF;font-weight:bold;background:url(../images/icon_pdf.png) no-repeat 0 5px;padding:5px 0 5px 18px;}
a:hover.pdfLink{color:#000;}

a.buttonLink {text-align:center !important;color:#fff; text-decoration:none; background-color:#00ccff; padding:5px 10px;float:right; margin-right:30px; font-weight:bold;}
a:hover.buttonLink {color:#000;}

/* ---- Deep_path ---- */
#depth_path {padding:135px 0 40px 8px; color: #333333} 
#depth_path strong { float:left; padding:0px 4px 0px 0px} 
#depth_path ul { margin:0; padding:0; } 
#depth_path li { float:left; list-style:none;background:url(../images/separator_path.gif) no-repeat left; padding:0px 4px 0px 8px }
#depth_path li a{color:#666666}
#depth_path li a:hover{color:#000}

/* ---- Footer ---- */
#footer {clear:both; background:url(../images/bar_footer.gif) no-repeat top left; height:20px;;padding:15px 0 0 10px; margin:10px 0 10px 0; color:#000}
#footer .align{text-align:right}
#footer span{color:#898B8A !important}
#footer a{color:#00CCFF; text-decoration:none}
#footer a:hover{color:#000;}
#footer .validator a{color:#999;text-decoration:underline}
#footer .validator a:hover{color:#000;}