@charset "UTF-8";
/* CSS Document */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a.menuRojo:link {text-decoration:none; color: #c80000;} /* Link no visitado*/
a.menuRojo:visited {text-decoration:none; color:#c80000} /*Link visitado*/
a.menuRojo:active {text-decoration:none; color: #c80000;} /*Link activo*/
a.menuRojo:hover {text-decoration:underline; color: #000000;} /*Mause sobre el link*/

a.menuGris:link {text-decoration:none; color:#333333;} /* Link no visitado*/
a.menuGris:visited {text-decoration:none; color:#333333} /*Link visitado*/
a.menuGris:active {text-decoration:none; color: #333333;} /*Link activo*/
a.menuGris:hover {text-decoration:underline; color: #000000;} /*Mause sobre el link*/

a.menuVerde:link {text-decoration:none; color: #9eb500;} /* Link no visitado*/
a.menuVerde:visited {text-decoration:none; color:#9eb500} /*Link visitado*/
a.menuVerde:active {text-decoration:none; color: #9eb500;} /*Link activo*/
a.menuVerde:hover {text-decoration:underline; color: #000000;} /*Mause sobre el link*/

a.menuNegro:link {letter-spacing:-1px;font-size:1.3em;text-decoration:none; color: #000000;} /* Link no visitado*/
a.menuNegro:visited {letter-spacing:-1px;font-size:1.3em;text-decoration:none; color:#000000} /*Link visitado*/
a.menuNegro:active {letter-spacing:-1px;font-size:1.3em;text-decoration:none; color: #000000;} /*Link activo*/
a.menuNegro:hover {letter-spacing:-1px;font-size:1.3em;text-decoration:underline; color: #333333;} /*Mause sobre el link*/

a.menuBlanco:link {text-decoration:none; color: #ffffff;} /* Link no visitado*/
a.menuBlanco:visited {text-decoration:none; color:#ffffff} /*Link visitado*/
a.menuBlanco:active {text-decoration:none; color: #ffffff;} /*Link activo*/
a.menuBlanco:hover {text-decoration:underline; color: #000000;} /*Mause sobre el link*/

a.menuNegros:link {text-decoration:none; color: #000000;} /* Link no visitado*/
a.menuNegros:visited {text-decoration:none; color:#000000} /*Link visitado*/
a.menuNegros:active {text-decoration:none; color: #000000;} /*Link activo*/
a.menuNegros:hover {text-decoration:underline; color: #333333;} /*Mause sobre el link*/

a.menuMini:link {text-decoration:underline; color: #f36213;} /* Link no visitado*/
a.menuMini:visited {text-decoration:none; color:#000000} /*Link visitado*/
a.menuMini:active {text-decoration:none; color: #000000;} /*Link activo*/
a.menuMini:hover {text-decoration:none; color: #333333;} /*Mause sobre el link*/

a.menuOrange:link {text-decoration:none; color: #f36213;} /* Link no visitado*/
a.menuOrange:visited {text-decoration:none; color:#f36213} /*Link visitado*/
a.menuOrange:active {text-decoration:none; color: #f36213;} /*Link activo*/
a.menuOrange:hover {text-decoration:underline; color: #000000;} /*Mause sobre el link*/

a.menuNaranja:link {letter-spacing:-1px;font-size:1.3em;text-decoration:none; color: #f36213;} /* Link no visitado*/
a.menuNaranja:visited {letter-spacing:-1px;font-size:1.3em;text-decoration:none; color:#f36213} /*Link visitado*/
a.menuNaranja:active {letter-spacing:-1px;font-size:1.3em;text-decoration:none; color: #f36213;} /*Link activo*/
a.menuNaranja:hover {letter-spacing:-1px;font-size:1.3em;text-decoration:underline; color: #333333;} /*Mause sobre el link*/

.titulos {letter-spacing:-1px; font-size:1.5em; font-weight:bold; color:#f36213;}
.menutit {letter-spacing:-1px; font-size:1.3em; font-weight:bold; color:#f36213;}

.titulosgris {letter-spacing:-1px; font-size:1.5em; font-weight:bold; color:#666666;}
.titulosblancos {letter-spacing:-1px; font-size:1.5em; font-weight:bold; color:#FFFFFF;}

.titulosnaranjas {letter-spacing:-1px; font-size:1.8em; font-weight:bold; color:#f36213;}
.tituloHome {letter-spacing:-1px; font-size:1.2em; font-weight:bold; color:#f36213;}
.tituloHomeContacto {letter-spacing:-1px; font-size:1em; font-weight:bold; color:#f36213;}
.mini {font-size:0.9em; color:#666666}
.mini2 {font-size:0.9em; color:#000000}

.grisclaro {color:#666666}
.naranja {color:#f36213}
.negro {color:#000000}
.blanco {color:#FFFFFF}

body {
margin:0px auto 0px auto;
font-family:Verdana;
letter-spacing:-1px;
font-size:0.7em;
color:#333333;
position:relative;
}

img {border:0px}

#contenedor {
width:940px;
margin:0px auto 0px auto;
position:relative;
}

#header {
width:940px;
height:81px;
clear:both;
}

#logo {
width:261px;
height:81px;
float:left;
}

#menusup {
width:679px;
height:81px;
float:right;
}

#menutop {text-align:right; height:8px; padding-top:10px;}
#menu {text-align:right; height:23px; padding-top:27px;}
#boton {height:30px; float:left; margin-right:7px; margin-left:7px; float:right}
#botonfin {height:30px; float:left; margin-left:10px; float:right}

#lineaboton {width:1px; height:27px; float:left; background-image:url(../images/lineaboton.jpg); float:right}


#flash {
width:940px;
height:441px;
margin-bottom:10px;
}

#bgneutral {
width:940px;
height:441px;
margin-bottom:10px;
background-image:url(../images/bgneutral.png);
}
#bgneutralfotos {
width:940px;
height:441px;
margin-bottom:10px;
background-image:url(../images/bgneutralfotos.jpg);
}


#bgclientes {
width:940px;
height:441px;
margin-bottom:10px;
background-image:url(../images/bgclientes.jpg);
}


#content {width:940px; height:160px}
#contentInicio {
	width:940px;
	height:209px;
	background-image:url(../images/bgContenidoInicio.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
	}
	
#blo1 {
	width:232px;
	height:209px;
	margin-right:1px;
	float:left;
}

#blo1pad {padding-top:15px; padding-left:15px;}
#blo1bpad {padding-top:12px; padding-left:20px; padding-right:10px}

#blo2 {
	width:472px;
	height:209px;
	margin-right:1px;
	float:left;
}

#blo2a {width:472px; height:32px}
div.blo2b {width:472px; height:154px; padding-top:22px;}
#blo2bizq {width:258px; height:154px; float:left; padding-left:15px; padding-right:10px}
#blo2bder {width:189px; height:154px; float:left}


#blo3 {
	width:234px;
	height:209px;
	float:left;
}

#bl1 {
width:284px;
height:160px;
float:left;
}

#bl2 {
width:255px;
height:160px;
float:left;
}

#bl3 {
width:255px;
height:160px;
float:left;
}

#blint {
width:794px;
height:160px;
float:left;
}

#bl4 {
width:146px;
height:160px;
float:left;
}

#textContent {
padding-top:10px; padding-right:15px;}

#sliderint {
width:737px;
height:441px;
float:left;
}

#contenidoClientes {
width:662px;
height:441px;
float:left;
}

#contenidoClientes2 {
width:525px;
height:441px;
float:left;
}

#padcontenidoClientes {padding-left:20px; padding-right:35px; padding-top:15px; text-align:justify}

#listadoClientes {
width:278px;
height:441px;
float:right;
}

#listadoClientes2 {
width:415px;
height:441px;
float:right;
}

#fotocliente {
width:415px;
height:356px;
}

#listado {
width:203px;
height:441px;
float:right;
background-image:url(../images/bglistado.jpg);
}

#padlistado {
padding-top:10px;
padding-left:15px;
padding-right:15px;
}

#padlistado2 {
padding-top:10px;
padding-left:15px;
padding-right:5px;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:441px;	width: 737px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}


.windowhome {
	height:441px;	width: 940px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #000000;
	border: 1px solid #000000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

#padliscontacto {
padding-left:22px;
padding-top:20px;
padding-right:20px;
}

/* Scrollbar & content css */						
			#content1, #content2, #content3{
				width:150px; 
				height:415px;
				float:left;
				text-align:justify;
				overflow:hidden;
				margin-right:8px;
			}
			#content1 p{
				margin: 15px;
			}
			.scrollbar-vert{
				
				height: 415px;
				width: 20px;
				float:left;
			}
			.handle-vert{
				height: 42px;
				width: 20px;
				background:url(../images/handle.gif);
			}
			
			#content2 p{
				width: 1000px;
			}
			.scrollbar-hor{
				background-color: #d2e8ff;
				height: 20px;
				width: 300px;
				float:left;
			}
			.handle-hor{
				height: 20px;
				width: 42px;
				background: url(styles/img/handle-hor.gif) no-repeat;
			}
			
			#content3 p{
				width: 700px;
			}
	
#slideshow-container	{ width:737px; height:441px; position:relative; float:left; }
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }