/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/
*{margin:0; padding:0;}

html{
	height: 100%;
}

body{
	font-family: Tahoma,Verdana,Arial,sans-serif, FreeSans, Dimnah, Arial;
	font-size: 11px;
	line-height:1.4em;
	text-align:center;
	color: #666666;
	background-color: #fff;
	height: 100%;
}

a {
	color: #467aa7;
	font-weight: bold;
	text-decoration: none;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #4274AD;
	text-decoration: underline;
	background-color: inherit;
}
a img{border:none;}

p{
padding:0 0 1.6em 0;
text-align:justify;
}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
width:760px;
position: relative;
min-height: 100%;
margin: auto;
margin-bottom: 0px;
text-align:left;
background:#ffffff;
color:#303030;
border:0px solid #a0a0a0;
}
* html #container{
	height: 100%;
}

#header{
float: left;
height:63px;
margin:0 1px 1px 1px;
background: #FFF;
}

#header h1{
padding:35px 0 0 20px;
font-size: 240%;
background: inherit;
color:#ffffff;
font-weight:normal;
}

#header h2{
margin:10px 0 0 40px;
font-size: 140%;
background-color:inherit;
color:#f0f2f4;
font-weight:normal;
}

#header img {
	margin-top: 10px;
	margin-left: 20px;
}

#menu{
float:right;
padding-right: 10px;
padding-top: 12px;
width: 540px;
background: #FFF;
color:#578bb8;
font-size: 80%;
}

#banderas{
padding-right: 10px;
padding-top: 10px;
}

#banderas ul{
float: right;
}
#navigation #banderas li a{
padding-right:0px;
}
#navigation #menu #t-contacto a,
#navigation #menu #t-contact a
{
padding-right:0px;
}
#idioma{
padding: 0px;
font-size:80%;
line-height:2.1em;
}
#banderas li{
float:left;
list-style-type:none;
white-space:nowrap;
border-left: 0px;
}

#menu ul{
	float: right;
}

#menu li{
float:left;
list-style-type:none;
white-space:nowrap;
border-left: 2px solid #274263;
}

.orador{
	color:#368AC3;
	padding-bottom:0;
	padding-top:3px;
	text-align: left;
}
#navigation li.first {
border-left: 0px;

}

#navigation li a{
display:block;
padding:0 5px;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #578bb8;
font-weight: bold;
}

* html #navigation a { width: 1%; }

#navigation .selected,#navigation a:hover, #navigation a:active,
body#Home #t-home a,
body#Empresa #t-empresa a,
body#Company #t-empresa a,
body#Servicios #t-servicios a,
body#Java#t-java a,
body#Services #t-servicios a,
body#Clientes #t-clientes a,
body#Customers #t-clientes a,
body#Partners #t-partners a,
body#KnowHow #t-knowhow a,
body#Noticias #t-noticias a,
body#News #t-noticias a,
body#Contacto #t-contacto a,
body#Contact #t-contacto a
{
color: #274263;
text-decoration:none;
}

/* Hack para que la pagina este al 100% */
body#Home,
body#Empresa,
body#Company,
body#Servicios,
body#Services,
body#Clientes,
body#Java,
body#Customers,
body#Partners,
body#KnowHow,
body#Noticias,
body#News,
body#Contacto,
body#Contact,
body#Sitemap,
body#a404Notfound
{
	height: 97%;
}

/**************** Banners ***********************/

#banner img{
	padding-left: 10px;
	padding-bottom: 20px;
}

/**************** Content styles ****************/

.content{
float:left;
width:530px;
padding: 10px 0 0 10px;
text-align: left;	
}

#content, #contentbis{
float:left;
width:530px;
padding: 10px 0 0 10px;
text-align: left;	
}

#content100{
width:740px;
}

#content100center{
margin-left: auto;
margin-right: auto;
width:445px;
text-align: left; 
}

#contect-Izquierdo{
position:absolute;
left:0px;
top:0px;
}

#contect-Derecho{
   position:absolute;
   left:120px;
   top:0px;
}

.content h2{
    display:block;
    margin:0 0 16px 0;
    font-size: 160%;
    font-weight: normal;
    background-color:inherit;
    background-repeat: no-repeat;
    background-position: center left;
}

.content hr{
	width: 96%;
	height: 1px;
	border: 0;
	border-top: dashed 1px #274263;
	margin: auto;
	text-align: center;
	margin-bottom: 20px;
}

#content h2{
display:block;
margin:0 0 16px 0;
font-size: 160%;
font-weight: normal;
background-color:inherit;
background-repeat: no-repeat;
background-position: center left;
}

#content hr{
	width: 96%;
	height: 1px;
	border: 0;
	border-top: dashed 1px #274263;
	margin: auto;
	text-align: center;
	margin-bottom: 20px;
}

.content h2 a{font-weight:normal;}
.content h3{margin:0 0 5px 0; font-size: 110%;}
.content img { border: none; }
.content a:hover, #subcontent a:hover, #subcontent2 a:hover{text-decoration:underline;}
.content ul,#content ol{margin:0 5px 16px 35px;}
.content dl{margin:0 5px 10px 25px;}
.content dt{font-weight:bold; margin-bottom:5px;}
.content dd{
margin:0 0 10px 15px;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size: 110%;}
#content img { border: none; }
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{
margin:0 0 10px 15px;
}
/**************** Sidebar styles ****************/
.subcontent{
float:right;
width:190px;
padding: 10px 10px 0px 0px;
line-height:1.4em;
}

.subcontentVDH{
float:right;
width:190px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
line-height:1.4em;
}

.subcontent2{
float:right;
width:190px;
padding: 10px 10px 10px 0px;
line-height:1.4em;
}

#subcontent{
float:right;
width:190px;
padding: 0px 10px 0px 0px;
line-height:1.4em;
}

#subcontent2{
float:right;
width:190px;
padding: 10px 10px 0px 0px;
line-height:1.4em;
}

#subcontentbis{
float:right;
width:190px;
padding: 10px 10px 0px 0px;
line-height:1.4em;
}

#subcontent h2, h3, h4,
#subcontent2 h2, h3, h4,
#subcontentbis h2{
display:block;
margin: 0 0 5px 0px;
font-size: 120%;
font-weight: bold;
text-align:left;
background-color:inherit;
}

#subcontent p,
#subcontent2 p,
#subcontentbis p
{margin:0; padding-top: 5px; }

#subcontent a,
#subcontent2 a,
#subcontentbis a
{ text-decoration: underline; }

#subcontent img,
#subcontent2 img,
#subcontentbis img 
{ border: none; }

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size: 90%;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size: 90%;
text-align:center;
}

/**************** Footer styles ****************/
#footer {
	position: relative;
	font-family: Verdana,Arial,sans-serif, FreeSans, Dimnah, Arial;
	font-size: 78%;
	clear: both;
	width: 230px;
	margin: auto;
	margin-top: -4px;
	margin-bottom: 0px;
	background:#ffffff;
	height:17px;
}

#footer ul {
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 0px;
	background:#FFF;
}

#footer li{
	float: left;
	white-space:nowrap;
	list-style-type:none;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 5px;
	background:#274263;
	border-left: solid 1px #FFF;
}

#footer li.first{
	background: url('../img/esquinapieizquierdo.gif') #274263 no-repeat left;	
	padding-left: 11px;
}
#footer li.last{
	background: url('../img/esquinapiederecho.gif') #274263 no-repeat right;
	padding-right: 11px;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:normal;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentleft img{ border: none;}
.splitcontentleft p{ margin: 5px 5px 0 0;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.pestaniaAcordeonOffshore{
	background-image: url('../img/MVV.png') no-repeat bottom left;
	background-color: white;
	height: 500px;
	width: 500px;
	margin-right: 20px;
}

.pestaniaAcordeonOffshore ul{
	background-image: url('../img/MVV.png') no-repeat bottom left;
	background-color: white;
	height: 500px;
	width: 500px;
}

.pestaniaAcordeonOffshore li{
	background-image: url('../img/MVV.png');
	background-color: white;
	height: 500px;
	width: 500px;
}


.noticia{
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #505050;
	line-height:1.5em;
}

.box {
	background: url('../img/box-c.png') no-repeat bottom left;
	margin-bottom: 10px;
}

.boxArgentina {
	background: url('../img/servicios/offshore/porque_argentina_cuadro.jpg') no-repeat bottom left;
	margin-bottom: 10px;
	font-family: FreeSans, Dimnah, Arial
}

.boxArgentinaIngles {
	background: url('../img/servicios/offshore/porque_argentina_cuadro_eng.jpg') no-repeat bottom left;
	margin-bottom: 10px;
}

.smallbox {
	background: url('../img/smallbox-c.png') no-repeat bottom left;
	margin-bottom: 10px;
	font-size: 90%;	
}

.smallboxExtenseTitle {
	background: url('../img/smallbox-c.png') no-repeat bottom left;
	margin-bottom: 10px;
	font-size: 90%;	
}

.smallbox2 {
	background: url('../img/smallbox-c.png') no-repeat bottom left;
	margin-bottom: 10px;
	font-size: 90%;	
}

.smallboxTecnologias {
	background: url(../img/servicios/offshore/cuadro_tecnologias_para_interactuar.jpg) no-repeat top left;
	padding-bottom: 10px;
}

.smallboxTecnologiasIngles{
	background: url(../img/servicios/offshore/cuadro_tecnologias_para_interactuar_eng.jpg) no-repeat top left;
	padding-bottom: 10px;
}

.smallboxVDH {
	background: url('../img/smallbox-c.png') no-repeat bottom left;
	margin-bottom: 10px;
	font-size: 90%;	
	padding-left:10px;
}


.smallboxVDH h3 { 
	color: white; 
	background: url('../img/smallbox-h2.png') no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	height: 29px;
}

.box h4, .smallbox h4 { padding-left: 10px; padding-top: 10px; }, .smallboxExtenseTitle h4 { padding-left: 10px; padding-top: 10px; }

.box h3 { 
	color: white; 
	background: url('../img/box-h2.png') no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	height: 29px;
	
}

.smallbox h3 { 
	color: white; 
	background: url('../img/smallbox-h2.png') no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	height: 29px;
}

.smallboxExtenseTitle h3 { 
	color: white; 
	background: url('../img/smallbox-h5.png') no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	height: 44px;
}

.smallbox2 h3 { 
	color: white; 
	background: url('../img/smallbox-h2.png') no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	height: 29px;
}

.boxArgentinaIngles h6 { 
	color: white; 
	background: url('../img/box-h6.jpg') no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	height: 29px;
}


/*text-align: center*/
.box h5.center { text-align: justify; }

.box p.img { margin: 0px; padding: 0px }
.box p { padding: 5px 10px 10px 10px; }

.smallbox p 
{
 padding: 5px 10px 10px 15px;
 text-align: left; 
}

.smallboxExtenseTitle p 
{
 padding: 5px 10px 10px 15px;
 text-align: left; 
}

.smallbox2 p 
{
 padding: 5px 10px 10px 15px;
 text-align: left; 
}

.smallbox p.mentoring 
{
 padding: 5px 0px 10px 15px;
 text-align: left; 
}

.box ul, .smallbox ul { padding-left: 30px; padding-bottom: 10px;}, .smallboxExtenseTitle ul { padding-left: 30px; padding-bottom: 5px; }

.box hr { 
	width: 95%;
	height: 1px;
	border: 0;
	border-top: dashed 1px #274263;
	margin: auto;
	padding: 0;
	text-align: center;
}

.smallbox hr 
{
	width: 90%;
	height: 1px;
	border: 0;
	border-top: dashed 1px #274263;
	margin: auto;
	padding: 0;
	text-align: center;
}

.smallboxExtenseTitle hr 
{
	width: 90%;
	height: 1px;
	border: 0;
	border-top: dashed 1px #274263;
	margin: auto;
	padding: 0;
	text-align: center;
}

.smallbox2 hr 
{
	width: 90%;
	height: 1px;
	border: 0;
	border-top: dashed 1px #274263;
	margin: auto;
	padding: 0;
	text-align: center;
}

#topanchor {
	position: absolute;
    top: 0;
    left: 0;
}

/* Seccion KnowHow OPENRICO */

#Accordion {
	margin-top: 0px;
	margin-bottom: 10px;
}

.panelHeaderStyle {
	font-weight: bold;
	padding: 5px;
	padding-left:10px;
	vertical-align:auto;
	cursor: pointer;
}

.panelContentStyle {	
	padding-left: 10px;
	padding-right: 10px;	 
}

#buscador {
	width:400px;
	height:100px;
	padding:0px 0px 40px 15px;
	display:inline;
}

#buscador h1{
width: 200px;
margin:0 0 16px 0;
font-size: 110%;
font-weight:bold;
color:#505050;
padding-left: 15px;
}

#entrada {
background-color:#f5f5f5;
display:block;
position:relative;
border:1px solid #e4e4e4;
width:400px;
margin: 3px 0px 0px 40px;
}

.subtitulos{
  color:#4274AD;
  font-size:11px;
}
#subtitulos2{
  padding-top:14px;
  padding-left:30px;
}
#parrafo{

 font-size: 6px;
}

.spacer {
background-color: #F0F0F0;
height: 3px;	
}
div.disabled {
padding: 1px 4px 3px 4px;
font-size: 11px;
display: inline;
float: none;
clear: none;
}
div.error-message {
	color:red;	
}

/* Sitemap CAMBIAR EL PATH ABSOLUTO EN EL JS PARA QUE ANDE */

@media screen{

h3.sitemap, h3.maximise, h3.minimise
	{
	background : url('../img/maximise.gif') no-repeat center left;
	padding-left : 15px;
	cursor: pointer;
	}

h3.minimise
	{
	background : url('../img/minimise.gif') no-repeat center left;
	}

ul.sitemap
	{
	list-style-type : none;
	margin-left : 0.5cm;
	padding-left : 0;
	}

ul.sitemap li
	{
	background : transparent;
	padding-left : 0em;
	}

ul.sitemap li a {
	background : transparent url('../img/sitemapdocbullet.gif') no-repeat;
	padding-left : 13px;
}

ul.sitemap li img
	{
	padding-right : 2px;
	}

ul.sitemap li a.parent {
	background: transparent;
	padding-left: 2px;
}

ul.sitemap li ul
	{
	background : transparent  no-repeat;
	list-style-type : none;
	margin : -1em 0 0 -1.6em;
	padding : 1.4em 0 0 0.6em;
	}

ul.sitemap li ul:hover
	{
	background : transparent  no-repeat;
	}

ul.sitemap li ul li
	{
	margin-left : -10px;
	padding-left : 0px;
	}
}

.titulo1 {
	color:#4274AD;
	font-family:Tahoma,Verdana,Arial,sans-serif, FreeSans, Dimnah, Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.link_conosca_mas {
    font-family: Tahoma, FreeSans, Dimnah, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #467AA7;
	text-align: justify;
    text-decoration:none;
}

.link {
    font-family: Tahoma, FreeSans, Dimnah, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: justify;
    text-decoration:none;
}

.link_productos {
    font-family: Tahoma, FreeSans, Dimnah, Arial;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	text-decoration:none;
}

.link_recuadro {
	text-decoration:none;
	color: #467AA7;
}

.link_recuadro:hover {
	text-decoration:underline;
}

.link_recuadro_mail {
	text-decoration:underline;
	color: #467AA7;
}

.link_recuadro_mail:hover {
	text-decoration:underline;
}