/*COMUNES*/
body, html
{
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS" , helvetica, sans-serif;
    font-size: 14px;
    color: #363636;
    background: url(../imagenes/bg.gif) repeat-x;
    overflow: auto;
    overflow-y: scroll;
    text-align: justify;
}

p
{
	margin:7px 0px 7px 0px;
	line-height:18px;
}

a img
{
	border:0px;	
}

/*h1,h2,h3....*/

/*MAIN, HEADER, PIE */
#page
{
	width:953px;
	position:absolute;
	margin:10px 0px 0px -490px;
	left:50%;
	background-color:#F3F3F3;
	border:1px solid #A3A3A3;
	padding:10px 16px 0px 16px;
}
#header
{
	font-size:12px;
	float:left;
	width:100%;
}

#footer
{
	font-size:12px;
	float:left;
	width:100%;
	text-align:right;
	margin:35px 0px 0px 0px;
	height:25px;
}

h1
{
	margin:0px;
	padding:0px;
}

h1 a
{
	width:655px;
	height:70px;
	display:block;
	background:url(../imagenes/logo_GrupoOutservico.jpg) no-repeat;
	text-indent:-5000px;
	float:left;
	margin:15px 0px 0px 15px;
}

/*MENU SUPERIOR Y MENU PIE*/

#header #topMenu ul
{
	float:right;
	width:auto;
	margin: 5px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

#footer ul
{
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:12px;
}

#header #topMenu li, #footer li
{
    margin: 0px;
    list-style: none;
    display: inline;
    
}

#header #topMenu li
{
	padding:0px 0px 0px 22px;
	background:url(../imagenes/separator.gif) 9px center no-repeat;
	font-size: 14px;
}

#header #topMenu li:first-child
{
	padding:0px;
	background:url();
}

#footer ul li
{
	padding:0px 9px 0px 13px;
	background:url(../imagenes/separator.gif) left center no-repeat;
}

#footer ul li.first
{
	padding:0px 9px 0px 0px;
	background:url();
	
}

#header #topMenu li img, #footer li img
{
	vertical-align:middle;
}

#header #topMenu li a, #footer li a
{	
	color:#363636;
	text-decoration:none;
}

#header #topMenu a:hover, #footer li a:hover, #header #topMenu a.selected, #footer li a.selected
{	
	text-decoration:underline;
}

/*MENU PPAL*/
#mainMenu
{
	width:953px;
	float:left;
	font-size:13px;
	margin:35px 0px 0px 0px;
	height:65px;
}

#mainMenu ul
{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	float:left;
	width:953px;
	background:url(../imagenes/bgMenu.gif) no-repeat;
	font-size:16px;
}

#mainMenu ul li
{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	clear:right;
	width:auto;
	background:url(../imagenes/separatorMenuDark.gif) right center no-repeat;
}

#mainMenu ul li a
{
	float:left;
	width:auto;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	margin:1px;
	display:block;
	padding: 15px 22px 16px 23px;
	background:url(../imagenes/separatorMenuLight.gif) left center no-repeat;
	
}

#mainMenu ul li:first-child a
{
	background:url();
}

#mainMenu ul li a:hover
{
	background-color:#25528B;
}

#mainMenu ul li a.selected, #mainMenuli a.selected:hover
{
	text-decoration:underline;
	background:url(../imagenes/bgOver.gif) repeat-x #25528B;
	color:#F0F0F0;
}

#mainMenu ul li ul
{
	display:none;	
}

#mainMenu ul li:hover ul
{
	background:#326bb2 url();
	border:1px solid #24518a;
	position:absolute;
	clear:both;
	float:left;
	left:auto;
	display:block;
	overflow:hidden;
	width:auto;
	margin:0px;
	top:185px;
}

#mainMenu ul ul li
{
	float:none;
	width:auto;
	clear:both;
	padding:0px;
	margin:0px;
	background:url();
	
}


#mainMenu ul ul li a
{
	margin:0px;
	font-size:13px;
	padding:0px 8px 0px 15px;
	line-height:28px;
	font-weight:normal;
	display:block;
	clear:both;
	float:none;
	width:auto;
	background:url(../imagenes/bgBulletBlanco.gif) 7px 12px no-repeat;
}

#mainMenu ul ul li:first-child a
{
	background:url(../imagenes/bgBulletBlanco.gif) 7px 12px no-repeat;
}

#mainMenu ul ul li a.selected:hover, #mainMenu ul ul li:first-child a:hover
{
	background-color:#25528B;
}

#mainMenu ul ul li a.selected
{
	background:url();
}

/*INDEX*/

.contentHeader
{	
	background-color:#000000;	
	width:951px;
	height:310px;
	float:left;
	margin:0px 0px 10px 0px;
	border:1px solid #B6B6B6;
}

.contentHeader h2
{
	display:none;	
	
}

#contentBody
{
	float:left;
	padding:0px;
	margin:0px;	
}

/*MODULOS */
.modulo
{
	float:left;
	width:228px;
	height:215px;	
	margin:0px 0px 0px 11px;
	padding:0px;
	font-size:12px;
}

.modulo 
{
	background:#FFFFFE;
	border:1px solid #B6B6B6;
}

#contentBody .modulo  img
{
    border-left: none 0px;
    border-right: none 0px;
}
.moduloAzul
{
	border:1px solid #25528C;	
	background:url(../imagenes/bgModuloAzul.gif) repeat-x left bottom #346CB2;
}


.firstmodulo
{
	margin-left:0px;	
}

.modulo h3
{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin:-1px 0px 0px -1px;
	padding:0px 0px 0px 7px;
	background:url(../imagenes/bgTitSection.gif) repeat-x #346CB2;
	border:1px solid #25528D;
	width:220px;
	height:26px;
	float:left;
}

.modulo h3 span
{
	color:#DEDEDE;
	font-style:italic;
	font-weight:bold;
	margin:0px;
	padding:0px;
		
}

.modulo img
{
	border:1px solid #B6B6B6;
	margin:-1px;
	float:left;
	width:auto;
    margin:0px;
    padding:0px;
}

.modulo p
{
	margin:0px;
	color:#25528C;
	padding:8px;
	float:left;
	width:auto;
}

.modulo a
{
	text-decoration:none;
	color:#25528C;	
}

.modulo a:hover
{
	text-decoration:underline;
}

.modulo ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	color:#25528C;
	float:left;
	width:auto;
}

.modulo ul li
{
	margin:0px;
	padding: 5px 8px 4px 15px;
	background:url(../imagenes/bgBulletAzul.gif) 7px 10px no-repeat;
	
}
.moduloDerecha ul li
{
	margin-top:10px;
	padding: 0px 8px 4px 15px;
	background:url(../imagenes/bgBulletBlanco.gif) 7px 6px no-repeat;
}

.moduloDerecha
{
    border:1px solid #25528C;	
	background:url(../imagenes/bgModuloAzul.gif) repeat-x left bottom #346CB2;
}

.moduloServicios ul li
{
    padding: 0px 8px 4px 15px;
    background:url(../imagenes/bgBulletBlanco.gif) 7px 6px no-repeat;
}	
.moduloServicios 
{
    
    background:url(../imagenes/bgModuloAzul.gif) repeat-x left bottom #346CB2;
}
.moduloAzul ul li
{
	background:url(../imagenes/bgBulletBlanco.gif) 7px 10px no-repeat;
}

.moduloAzul ul, .moduloAzul a, .moduloDerecha a, .moduloServicios a
{
	color:#FFFFFF;	
}

.modulo ul li span
{
	color:#676767;	
}

.modulo ul li p 
{
	float:none;
	margin:0px;
}
/*MAIN*/
#main
{
	float:left;
	width:710px;
	margin:0px;
	padding:0px;	
}

#main h2
{
	color:#25528C;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 30px 0px 3px 0px;
	padding:0px;
	clear:both;
}

#main h2 a:hover
{
	text-decoration:none;
}

#main a
{
	color:#25528C;
	text-decoration:none;
}

#main a:hover
{
	color:#25528C;
	text-decoration:underline;
}

#main .bannerImg
{
	border:1px solid #B6B6B6;
	background-color:#FFFFF9;
	padding:2px;
	
}

#main .bannerImg img
{
	border:1px solid #B6B6B6;
}

#main ul
{
	margin:10px;
	padding:0px;
	list-style-type:none;
	/*2cols*/
	/*float:left;
	width:98%;*/
}

#main ul li
{
	margin:0px;
	padding:0px 0px 0px 10px;
	background:url(../imagenes/bgBullet.gif) left 6px no-repeat;
	/*2cols*/
	/*float:left;
	width:48%;*/
}

#main ul.migas
{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:11px;
	float:left;
	width:auto;
}

#main ul.migas  li
{
	display:inline;	
	padding:0px 5px 0px 10px;
}

#main ul.migas  li a
{
	color:#25528C;
	font-weight:normal;
}

#main ul.migas li a:hover
{
	text-decoration:underline;
}

#main ul.migas  li span
{
	color:#25528C;
	font-weight:bold;
}

#main ul.migas li:first-child
{
	background-image: url();
	padding:0px 5px 0px 0px;
}


/*LATERAL*/
#lateral
{
	float:right;
	width:228px;
	margin:0px;
	padding:0px 0px 0px 12px;
}

#lateral .modulo
{
	margin:10px 0px 0px 0px;
}

#lateral .modulo:first-child
{
	margin:0px;
}
/*CONTACTO*/
#contacto
{
	float:left;
	width:710px;
	margin:0px;
	padding:0px;	
}
#contacto img
{
	float:left;
	margin-top:5px;
		
}
/*NEWS*/
#news
{
	float:left;
	width:710px;
	margin:0px;
	padding:0px;	
}
#news ul li
{
     
    padding-left:35px;
  	
}
/*CONTACTO*/


.contentBodycontact fieldset
{
	
	border:0px;
	width:600px;
	height:410px;
	margin:25px 100px 100px 60px;
	float:left;
	
}

.contentBodycontact .formButton
{
    margin: -50px 55px 0px 250px;
    float: right;
    clear: both;
    width: 100px;
    height: 50px;
    background: url(../imagenes/bgFormButton.gif) left -5px no-repeat;
    text-indent: 20px;
    padding-top:8px;
    
    
}
#contentconcact .formButton
{
	color:#fff;
}
#contentconcact .formButton:hover
{
	color:#fff;
}

.contentBodycontact dl
{
	font-size:12px;
	margin:10px 0px 10px 0px;
}

.contentBodycontact fieldset dl dt
{
	
	float:left;
	clear:left;
	margin:7px 5px 0px 0px;
	padding:0px;
	color:#363636;
	width:245px;
	text-align:right;
	background:none;
}

.contentBodycontact dl dd
{
	margin:0px 0px 0px 5px;
	padding:0px;
}
.contentBodycontact input,.contentBodycontact select, .contentBodycontact textarea
{
	padding:3px;
	margin:2px;
	color:#24518a;
	border:1px solid #ccc;
	font-family:"Trebuchet MS", helvetica, sans-serif;
}

.contentBodycontact select
{
	padding:5px;
	background-color: #f9f9f9;
	
}

.contentBodycontact input
{
	width:290px;
	background-color: #f9f9f9;
	
	
}
.contentBodycontact textarea
{
    width: 290px;
    background-color: #f9f9f9;
    height: 100px;
}

.contentBodycontact .rb
{
	color:#363636;
	font-size:13px;
}

.contentBodycontact .rb input, .contentBodycontact input .rb
{
	width:10px;
	background:none;
	border:none;
	margin-right:5px;
}

.contentBodycontact select
{
	width:302px;
}

.contentBodycontact .contactText
{
	float:left;
	width:100%;
	clear:both;
}

.contentBodycontact ul
{
	float:left;
	margin:30px;
	width:auto;
}

/*TRABAJO*/
.work
{
	width: 100%;
}


.work th
{
	background-color:#dedede;
	padding: 4px;
}

.work td
{
	background-color:#fff;
	padding: 4px;
}


/*ACORDION*/

.accordionHeader
{
    cursor: pointer;
    height: auto;
    color: #333;
    text-indent: 10px;
    margin-top: 10px;
    background-image: url(../imagenes/bgbullet.gif);
    background-repeat: no-repeat;
    background-color: #dedede;
    background-position: 5px;
    padding:4px;
}
.accordionHeader h3, .accordionHeaderSelected h3
{
    padding: 0px 0px 0px 0px;
    margin:5px;
    margin-bottom:0px;
    margin-top:0px;
    
    
}
.accordionHeaderSelected
{
	padding:4px;
	background: #dedede;
	color: #333;
	text-indent: 10px;
	margin-top:10px;
	background-image: url(../imagenes/bgbulletdown.gif);
    background-repeat: no-repeat;
    background-color: #dedede;
    background-position: 5px;
}

.accordionContent
{
    background: #fff;
    padding: 10px;
    
}

.outservico
{
	width:680px;
	margin-top: 30px;
	background: url(/imagenes/logo_GrupoOutservico.jpg) 78px 30px no-repeat;	
	border: none;
}

#main ul.outservicoLogos li
{
	margin-left: 480px;
	margin-top: 5px;
	
}
.botonWhisbi
{
    height:100px;    
    
}

.osscButtonES
{
	background: url(/imagenes/botonWhisbi.png)  no-repeat;
	float:right;
	width: 143px;
	height: 90px;
	display:block;
	overflow: hidden;
	text-indent: -5000px;
    text-transform: uppercase;
    text-decoration: none;
    
}
.osscButtonES:hover
{
    background-position: 0px -95px;
}