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

@font-face {
	font-family: Franklin;
	src: url(frabkit.ttf);
	}


* {
	margin: 0;
	padding: 0;
	
}

body
{
	background:#29434E url(imagenes/body.jpg) repeat-x;
	background-position:center top;
	color:#fff;
	font-family:Arial, Tahoma, Helvetica, sans-serif,   georgia;
	font-size:14px;
	letter-spacing: normal;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	text-transform: normal;
	/* background-attachment:fixed   background:#F7F7F6;  eeeeee ececec F1F3F6 FbFbFb E8EBEC F2F2F2*/
}

a
{
	text-decoration:none;
	color: #199ad1;
	padding:0;
	margin:0px 20px 0px 0px;
}

body .chat{
	float:right;
	height:20px;
	margin-top:5px;
	}
	
	
/*DIV contenedor */

#contenedor
{   
  height:100%; 
  margin:0px auto;
  padding:0px;   
  position:relative; 
  width:1000px;     
}

/*Seccion header*/

#header
{
	background:url(imagenes/headersd.png) no-repeat;
	background-position:center top;
	/*background:#003245; */
  	height:150px;
	padding:0px;
	position:relative;
	text-align:left;
	width:1000px;
	margin: 0px;
}


#logo
{       
float:left;          
margin-left:130px;
margin-bottom:15px;
margin-top:0px;
padding:0px;
width: 300px;  
height: 117px;  
background:url(imagenes/ICM.png) no-repeat;  
}


#slogan
{     
width: 710px;    
  float:left;        
  padding:0px;
  text-align:left;
  margin-left:0px;
  margin-bottom:0px;
}

#slogan img{
	margin-top:15px;
	}

/*DIV direccion */
.direccion
{
float:right;
width:500px;
margin:0px;
}

.thumb
{
    width:200px;
    float: left;
    height:200px;
    margin: 5px -1px 20px 0;
    padding: 5px;
}

.description 
{
overflow: hidden; 
margin: 15px 0px 0px 0px;
}

*html .description {float: left;}

.description p
{
font-size:14px;
color:#fff;
line-height: 1.5em;
}

/*DIV menu */

#menu 
{
	font: 12px normal Arial, Helvetica, sans-serif;
	height:40px;
	padding:0px;
	position:relative;
	text-align:left;
	width:600px;
	z-index:12;
	color: #999;
	margin: 0px;
	
	-webkit-border-radius:  10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
opacity:0.7;
}

ul.topnav {
	list-style: none;
	padding: 0 10px;	
	margin: 0px;
	float: left;
	width:980px;
	background: #222;
	font-size: 1.2em;
	background: url(imagenes/topnav_bg.gif) repeat-x;
	-webkit-border-radius:  10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 9px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
	
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(imagenes/topnav_hover.gif) top repeat-x;
	opacity:0.6;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(imagenes/subnav_btn.gif) no-repeat center top;
	
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(imagenes/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(imagenes/dropdown_linkbg.gif) no-repeat 10px center; 
}


/*DIV principal */
#principal
{
	/*background:#013446;*/ 
  	color:#fff;
	height:100%;
	margin-top: 20px;
	padding:0px;
	position:relative;
	text-align:right;
	width:1000px;
}

#principal img{
	margin-top:0 px;
	float:right;
	}

#principal h2
{
font-weight:normal;
font-size:24px;
padding:10px 0px 10px 0px;
text-shadow: 2px 2px 2px #000;
}

#inmobiliaria
{
	margin:0px;
	float:right;
	width:250px;
	margin-top:10px;
	margin-right:10px;
}

#news
{
float:right;
margin:0px auto;
margin-top:0px;
width:470px;
height:180px;
margin-bottom:0px;
margin-right:30px;

}

#listticker
{
	height:180px;
	width:470px;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:#033;
	padding:0px 10px 0px 10px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
	background-color:#3d5a67;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;
	
   
}

#listticker li
{
	border:0; margin:0; padding:0; list-style:none;
}

#listticker li
{
	height:200px;
	padding:5px;
	list-style:none;
}

#listticker a
{
	color:#000000;
	margin-bottom:
}

#listticker .news-title
{
	display:block;
	font-weight:bold;
	margin-bottom:4px;
	font-size:11px;
}

#listticker .news-text
{
	display:block;
	font-size:11px;
	color:#f6f6f6;
}

#listticker img
{
	margin-right:14px;
	padding:4px;
	border:solid 1px #DEDEDE;
	float:left;
}
#listticker img:hover
{
	opacity:0.5;
}

/*div para categorias de productos*/
#catego{
	width:1000px;
	height:350px;
	font-family:Arial, Tahoma, Helvetica, sans-serif,   georgia;;
	padding-top:20px;
	margin-bottom:20px;
	}

#catego h3{
	text-align:center;
	font-size:40px;
	padding:15px;
	color:#FFF;
	-webkit-text-stroke:2px #F00;
	}
	#catego a{
	
	color:#69F;
	 
	}
	#catego a:hover{
	
	color:#F00;
	opacity:0.8;
	
	}
	
#catego .imagen{
	-moz-border-radius-topleft: 25px;
	border-top-left-radius: 25px;
	background-color:#FFF;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;}

	
#catego ul{
	position:relative;
	float:left;
	display:block;
	width:420px;
	text-align:left;
	padding:40px;
	font-size:18px;
	}

#catego li{
	padding:8px;
	text-align:justify;
	}
	

/*CSS Para productos*/
#prinproducto
{
	background:#FFF; 
  	color:#fff;
	height:100%;
	margin-top: 40px;
	padding:0px;
	position:relative;
	text-align:right;
	width:1000px;
}

#productoactual{
	margin-top:10px;
	float:right;
	width:780px;
	background-color:#FFF;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
	background-color:#FFF;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;
	}
	
#productoactual img{
	float:left;
	padding:10px;
	}
	
#productoactual h2{
	font-size:20px;
	color:#F00;
	font:bold;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	padding:10px;
	margin-left:10px;
	}
#precio{
	width:200px;
	float:right;
	margin-right:80px;
	}

#precio .tabla{
	font:bold;
	font-size:25px;
	color:#FF0;
	float:right;
	margin:0 auto;
	background-color:#036;
	margin-bottom:10px;
	}
	
#precio td{
	border-style:solid;
	border-width:thin;
	border-color:#999;
	padding:3px;
	}
	
#precio p{
	color:#000;
	text-align:center;
	margin-top:10px;
	}	
	
#productoactual .mini{
	border-style:solid;
	border-color:#000;
	border-width:1px;
	margin:3px;	
	}
#productoactual .img_chicas{
	float:left;
	width:700px;
	margin-left:20px;
	}
	
#descripcion {
	width:600px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	}
#descripcion .info{
	color:#FFF;
	background-color:#036;
	text-align:left;
	padding:3px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	}

	
#descripcion p{
	color:#000;
	background-color:#FFF;
	text-align:left;
	padding:2px;
	}
		
div#promociones{
	height:320px;
	}
	

	
#categorias {
	width:200px;
	margin-top:10px;
	margin-left:5px;
	float:left;
	text-align:left;
	background-color:#FFF;
	-moz-border-radius-topleft: 25px;
	border-top-left-radius: 25px;
	background-color:#FFF;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;
	}
	
#categorias h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin-left:20px;
	margin-top:10px;
	color:#666;
	}
#categorias ul{
	margin-top:20px;
	}
#categorias li{
	padding-left:5px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	}
	
#categorias a{
	color:#006;
	}

#categorias a:hover{
	text-decoration:underline;
	color:#F00;
	}

div#categorias img {
	display:block;
	margin:0 auto;
	}

#promo_catalogo{
	margin-top:10px;
	float:right;
	width:780px;
	background-color:#FFF;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
	background-color:#FFF;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;
	}
	
#promo_catalogo img{
	display:block;
	margin:0 auto;
	}	

#promo_unit{
	width:200px;
	height:150px;
	padding:10px;
	display:inline-block;
	margin: auto;
	float:left;
	}
	
#promo_unit a:hover{
	text-decoration:underline;
	}
	
#promo_unit img{
	display:block;
	margin:0 auto;
	}
	
#promo_unit img:hover{
	opacity:0.6;
	}
	
#promo_unit p{
	text-align:center;
	font-size:11px;
	color:#000;
	}
	
#promo_unit .price{
	color:#F00;
	font-size:14px;
	text-align:center;
	}

#promo_unit .price:hover{
	font-weight:bold;
	}

/*Fin de css productos*/



/*div para categorias de productos*/
#catego2{
	width:1000px;
	height:350px;
	font-family:Arial, Tahoma, Helvetica, sans-serif,   georgia;;
	padding-top:20px;
	margin-bottom:20px;
	}

#catego2 h3{
	text-align:center;
	font-size:40px;
	padding:15px;
	color:#FFF;
	-webkit-text-stroke:2px #F00;
	}
	#catego2 a{
	
	color:#69F;
	 
	}
	#catego2 a:hover{
	
	color:#F00;
	opacity:0.8;
	
	}
#catego2 .imagen{
	-moz-border-radius-topleft: 25px;
	border-top-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	border-top-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
	margin-top:45px;
	background-color:#FFF;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;}
	

	
#catego2 ul{
	position:relative;
	float:left;
	display:block;
	width:420px;
	text-align:left;
	padding:30px;
	font-size:18px;
	}

#catego2 li{
	padding:3px;
	text-align:justify;
	font-size:18px;
	
	}
	

/*CSS Para productos*/

#productos {
	float:left;
	margin-top:0px;
	margin-bottom:25px;
	margin-left:0px;
	width:470px;
	height:180px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	background-color:#FFF;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;
}
#listticker2
{
		width:470px;
	height:180px;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:#033;
	padding:0px 10px 0px 10px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	background-color:#fff;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff;
	
	
   
}

#listticker2 li
{
	border:0; margin:0; padding:0; list-style:none;
	
}

#listticker2 li
{
	height:200px;
	padding:5px;
	list-style:none;

}

#listticker2 a
{
	color:#000000;
	margin-bottom:
}

#listticker2 .productos-title
{
	display:block;
	font-weight:bold;
	margin-bottom:4px;
	font-size:11px;
}

#listticker2 .productos-text
{
	display:block;
	font-size:11px;
	color:#000;
}

#listticker2 img
{
	margin-right:14px;
	padding:4px;
	border:solid 1px #DEDEDE;
	float:left;
}
#listticker2 img:hover
{
	opacity:0.5;
}





#nosotros
{
	float:right;	
    background-color:#3d5a67;
 	background-position:center;
  	height:100px;
	margin-top:10px;
    
	padding:0px;
    position:relative;
	text-align:left;
    width:1000px;
   -moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-bottomrighrt: 20px;
	border-bottom-right-radius: 20px;
	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	
	-moz-border-radius-toprighrt: 20px;
	border-bottom-top-radius: 20px;
	
}

#nosotros p
{
	color:fff;
	margin-left:10px;
	margin-right:5px;
  text-align:justify;
  line-height: 2em;
  opacity:1.0;
}
#nosotros h2
{
margin-left:10px;	
}
#nosotros2
{
	float:right;	
    background-color:#3d5a67;
 	background-position:center;
  	height:180px;
	margin-top:10px;
    
	padding:0px;
    position:relative;
	text-align:left;
    width:1000px;
    -moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-bottomrighrt: 20px;
	border-bottom-right-radius: 20px;
	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	
	-moz-border-radius-toprighrt: 20px;
	border-bottom-top-radius: 20px;
	
}

#nosotros2 p
{
	color:fff;
	margin-left:10px;
	margin-right:5px;
  text-align:justify;
  line-height: 2em;
  opacity:1.0;
}
#nosotros2 h2
{
margin-left:10px;	
}
/*slideshow */
#galeriacaption
{
  float:right;
  height:416px;
	margin:20px 37px 0px 0px;
	padding:0px;
  position:relative;
	text-align:center;
  width:350px;
}

ul.slideshow {
	list-style:none;
	width:350px;
	height:413px;
	overflow:hidden;
	position:relative;
	margin:0px;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:1px;
	right:0;
	height: 417px;
	top: 2px;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:340px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

#slideshow2
{       
float:right;     
  height:416px;
 margin:20px 0px 0px 37px;
padding:20px 0px 0px 0px;
  position:relative;
	text-align:center;
  width:572px;
}

#slideshow2 IMG {
	position:absolute;
	top:0px;
	left:-40px;
	z-index:8;
	opacity:0.0;
	width: 612px;
	height: 416px;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:9;
}
/*Columnas de negocios */
.caja, .caja2 
{  
     width:100px;  
     display: none;  
     padding:5px; 
	 background-color:#fff; 
	 -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	opacity:0.5;
}  

.caja, .caja2 ul
{
  color:#434343;
  margin:0px 0px 0px 15px;
  padding:0px;
  font-size:12px;
}

.mostrar, .mostrar2
{  
  display:block;  
  width:100px;  
  padding:0px;  

}  


#principal ul.proyectos 
{
list-style-type:square;
color:#4fbaca;
margin:5px;
font-size:16px;
line-height: 1.5em;
text-align:left;
}

#principal h2{
	text-align:left;
	}

.proyectos span
{
color:#fff;
}

.col-1000{width:1000px; margin:10px auto;}

.imgleft{
	float:left; 
	margin:4px 18px 20px 0px;
}

#pricing-boxe{
	border:solid 1px #cdcdcd;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin:40px 0px 50px 0px !important;
	padding:0px 22px;
}

#pricing-boxe hr {
	background-color:#e4e4e4;
	border-width:0;
	color:#434343;
	height:1px;
	line-height:0;
	margin:20px 0px;
	page-break-after:always;
}

#pricing-boxe .border{
	border:solid 1px #cdcdcd;
	border-width:0px 1px 0px 0px;
	padding:20px 22px 56px 0px !important;
}
#pricing-boxe .borderactive{
	border:solid 1px #cdcdcd;
	border-width:1px 1px;
	padding:34px 22px 70px 22px !important;
	margin:-15px 0px;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	position:relative;
}
#pricing-boxe .best{
	position:absolute;
	top:-5px;
	right:-4px;
}
/*columna de negocio*/
.col-180 {   
	display:inline-block;
	width:140px;
	height:300px;
	vertical-align:top;
	padding:20px 0px 40px 0px !important;
	text-align:center;
}

/*titulo columna de negocio*/
.boxtitle-hosting
{
font-size:14px; 
color:#434343; 
font-weight:bold; 
padding:0px 0px 15px 0px; 
display:block; 
line-height:10px;
}

.title
{
font-size:19px; 
color:#434343; 
font-weight:bold
}

/*Imagenes*/
.imgcenter{
	margin:4px auto 20px auto;
	display:block
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.imgcenter:hover{opacity:0.6;
	}

.clear{clear:both;}

/*Listas de la columna*/
 ul.circle li{
  color:#434343;
	
	background-position:0px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:20px !important;
	list-style-type:none;
}

.vertical-separator-noline2 {
	display:inline-block;
	width:22px;
}

.vertical-separator {
	display:inline-block;
	width:34px;
	background-image:url(../images/vertical-line.png);
	background-repeat:repeat-y;
	background-position:top center;
}
.vertical-separator-noline {
	display:inline-block;
	width:24px;
	height:100% !important;
}

li.marginoff{margin-right:0px !important;}

ul.nolistblock li{
	padding:0px 0px 0px 0px !important;
	line-height:20px;
	display:inline-block;
	margin:0px 12px 0px 0px;
	background-image:none !important;
}

#pricing-boxe .borderactive{
	border:solid 1px #cdcdcd;
	border-width:1px 1px;
	padding:34px 22px 70px 22px !important;
	margin:-15px 0px;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	position:relative;
}

hr {
	background-color:#e4e4e4;
	border-width:0;
	color:#d6d6d6;
	height:1px;
	line-height:0;
	margin:30px 0px !important;
	page-break-after:always;
	clear:both;
}

/* text styled */
.boldtext-medium{font-size:12px; font-weight:bold; color:#c6c6c6}
.boldtext-strong{font-size:20px; font-weight:bold; color:#c6c6c6}

.redtext{color:#c22127;}
#dedicated-boxe{
	border:solid 1px #cdcdcd;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin:40px 0px 50px 0px !important;
	padding:0px 0px;
}

.row{
	border-bottom:solid 1px #cdcdcd;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
}

.row.noborder{
	border-bottom:0px;
}

.col1{
	width:215px;
	float:left;
	text-align:center;
	padding:20px 0px;
}

.col2{
	width:441px;
	float:left;
	padding:0px 40px 0px 40px;
	background-image:url(imagenes/vertical-line.png);
	background-repeat:repeat-y;
	background-position:left;
	margin:20px 0px;
	text-align:center;
}
.col2 p{margin-bottom:10px;}

.bgwhite{
	background-color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:8px;
	text-align:center
}

.col3{
	width:182px;
	float:left;
	background-image:url(imagenes/bg-pricebox.gif);
	background-repeat:no-repeat;
	background-color:#e1e1e1;
	_height:157px;
	min-height:157px;
	position:relative;
	text-align:center;
}

.best{
	position:absolute;
	top:-4px;
	right:-4px;
}


.col-440 {
	display:inline-block;
	width:440px;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin:0px;
	text-align:center;
}
.col-440 p, .col-440 ul {margin:0px;}

.vertical-separator {
	display:inline-block;
	width:34px;
	background-image:url(imagenes/vertical-line.png);
	background-repeat:repeat-y;
	background-position:top center;
}
.vertical-separator-noline {
	display:inline-block;
	width:24px;
	height:100% !important;
}
.vertical-separator-noline2 {
	display:inline-block;
	width:22px;
}

/*DIV cliente */
.cliente
{
background:url(imagenes/clientes.jpg);
border:5px solid #487f99;
margin:20px 20px 0px 20px;
padding:0px;
height:200px;
position:relative;
float:left;
text-align:center;
width:200px;
-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-bottomrighrt: 20px;
	border-bottom-right-radius: 20px;
	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	
	-moz-border-radius-toprighrt: 20px;
	border-bottom-top-radius: 20px;
}

.cliente img
{
padding:50px 14px 0px 14px;
display:block;
width:173px;
height:70px;
}
.cliente:hover
{opacity:0.7;
-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	
	-moz-border-radius-bottomrighrt: 0px;
	border-bottom-right-radius: 0px;
	
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	
	-moz-border-radius-toprighrt: 0px;
	border-bottom-top-radius: 0px;
	
	}
/*Seccion footer*/
#footer
{
	float:left;
	color:#fff;
	height:50px;
	margin-bottom:10px;
	margin-top:20px;
	text-align:center;
	width:1000px;
	background: #222;
	background: url(imagenes/footerBackground.png) repeat-x;
	opacity:0.6;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}  

#footer p{
	padding-top:3px;
	font-size:11px;
	}
	
.menuFooter a{
	font-size:12px;
	color:#FFF;
	margin:0px;
	padding-left:3px;
	padding-right:3px;
	}	
	
.menuFooter a:hover{
	color:#09C;
	}

/*formulario de contacto */
#user-details { 
    float: left;
    margin: 0 80px 0 0; 
    width: 300px; 
	
}
 
#user-message { 
    float: left;
    width: 300px; 
	
	
}
 
textarea {		
    width: 300px; 
    height: 100px; 		 		
}
#principalcontacto{ 
    color:#fff;
	height:100%;
	margin-top: 40px;
	padding:0px;
	position:relative;
	text-align:left;
	width:1000px;
	
	background: #fff;
    /* -- CSS3 - define rounded corners -- */	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
 
    /* -- CSS3 - create a background gradient -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF)); 
    background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
 
    /* -- CSS3 - add a drop shadow -- */
    -webkit-box-shadow:0px 0 10px #ccc;
    -moz-box-shadow:0px 0 10px #ccc; 
}
#principalcontacto form { 
    font-family: 'Yanone Kaffeesatz', arial, sans-serif; 
    padding: 30px 50px 20px 50px; 
    margin: 75px 75px 0 70px;
    width: 300px;
	height:500px;
	
    

}
#mapa {
	margin:0px;
	float:right;
	width:500px;
	margin-top:100px;
	margin-right:50px;
	
	
	}
form h1 { 
    color: #555; 
    margin: 0 0 20px 0; 
	font-size: 30px;
	
}	
 
form p {	
    font-size: 20px;
    color: #666; 
    margin-bottom: 4px; 
}

input, textarea { 		
    padding: 8px; 
    margin-bottom: 20px; 
    background: #fff; 
    width: 220px; 
    font-size: 14px; 
    color: #555; 
    border: 1px #ddd solid;
    /* -- CSS3 Shadow - create a shadow around each input element -- */ 
  -webkit-box-shadow: 0px 0px 4px #aaa;
  -moz-box-shadow: 0px 0px 4px #aaa; 
   
  /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
  -webkit-transition: background 0.3s linear;					
}

input:hover, textarea:hover { 
    background: #eee; 
}

input.submit { 	
    width: 200px; 
    color: #eee; 
    text-transform: uppercase; 
    margin-top: 10px;
    background-color: #18a5cc;
    border: none;
    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;
     
    /* -- CSS3 Shadow - create a shadow around each input element -- */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
    background:  -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); 
     
    /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 

}

input.submit:hover { 		
    -webkit-box-shadow: 0px 0px 20px #555;	
    cursor:  pointer; 
}
/*filtros*/

ul#filter { 
	float: left; 
	font-size: 16px; 
	list-style: none; 
	margin:20px 0px 0px 0px; 
	width: 100%;
}
ul#filter li { 
	border-right: 2px solid #a4bfcc;
  float: left;
  font-weight:bold;
	line-height: 16px;
	margin:10px 10px 0px 0px;
	padding-right: 10px;
	padding-left: 10px;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #fff; text-decoration: none; }

ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #f6f6f6; font-weight: bold; }

ul#portfolio { 
	float: left; 
	list-style: none; 
	margin:20px 0px 0px 0px; 
	width: 900px;
	
}
ul#portfolio li { 
	border: 1px solid #487f99; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 202px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-bottomrighrt: 20px;
	border-bottom-right-radius: 20px;
	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	
	-moz-border-radius-toprighrt: 20px;
	border-bottom-top-radius: 20px;
}

ul#portfolio a { display: block; width: 100%; color:#fff; }
ul#portfolio a:hover { text-decoration: none; opacity:0.7;}
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; -moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-bottomrighrt: 20px;
	border-bottom-right-radius: 20px;
	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	
	-moz-border-radius-toprighrt: 20px;
	border-bottom-top-radius: 20px;}
ul#portfolio li { margin-right: 5px; }

/*galeria de imagenes miniatura*/
#thumbs {
      float:left;
      margin-top:20px;
			padding-top: 10px;
			position: relative;
			width: 300px;
			text-align: center;	
			
		}

#thumbs span {
      border:1px solid #fff;
			padding: 5px;
			margin:10px;
			width: 50px;
			height: 34px;
			cursor: pointer;
		/*	background: url('bg_thumb.gif') top left no-repeat;     */
			display: inline-block;
				float:left;
				
		}
#thumbs span:hover {opacity:0.6;
-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-border-radius-bottomrighrt: 5px;
	border-bottom-right-radius: 5px;
	
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	
	-moz-border-radius-toprighrt: 5px;
	border-bottom-top-radius: 5px;
}
#arrow {
			position: absolute;
			top: -13px;
		/*	background: url('bg_arrow.gif') top center no-repeat; */
			width: 104px;
			height: 39px;
			display: none;
		
		}
		
		
#preview_wrap {
      float:right;
			margin: 10px auto;
			padding: 22px;
			width: 600px; 
			height: 450px;
			background: url('bg_preview.gif') top left no-repeat;
		}

#preview_outer {
			overflow: hidden;
			width: 600px;
			height: 460px;
			position: relative;
		}

#preview_inner {
			text-align: left;
			height: 100%;
			position: relative;
			
		}
		
#preview_inner div {
			float: left;
			width: 600px;
			height: 460px;
			position: relative;
			
		}

#preview_inner div img {	
			-moz-border-radius-bottomleft: 25px;
	        border-bottom-left-radius: 25px;

}	
#preview_inner div a {
			position: absolute;
			bottom: 0;
			left: 0;	
			display: block;
			width: 100%;
			text-indent: 20px;
			padding: 20px 0;
			color: #fff;
			background: url(bg_trans.png);
			text-decoration: none;
			font-size: 18px;
		}
/* Easy Slider */

 	#slider
  {
float:left;
  margin-top:30px;
  width:1000px;
  height:450px;  
   }	
	
#slider .interior
  {
  width:250px;
  float:right;
  margin:0px 0px 0px 10px;
  height:450px; 
  padding:0px;
  }
  
  #slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#slider li{ 
		width:900px;
		height:450px;
		overflow:hidden; 
		}	
   
#slider	.interior ul, h2,p{ 
		margin:0px;
		padding:0px;
	}	

	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:50px;
		height:77px;
		position:absolute;
		left:-30px;
		top:200px;
		}	
				
	#nextBtn{ 
		left:1000px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:50px;
		height:77px;
		background:url(imagenes/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(imagenes/btn_next.gif) no-repeat 0 0;	
		}	
		#nextBtn:hover{opacity:0.5;	
		}	
		#prevBtn:hover{opacity:0.5;	
		}									

/* // Easy Slider */

/*DIV no usados*/
/*panel deslizante info nosotros*/
/*Organigrama */
#organigrama
{
float:right;
display:block;
height:300px;
position:relative;
text-align:center;
width:750px;
margin-top:15px;
}

#organigrama a
{
color:#fff; 
text-decoration:none;
font-size:16px;
font-weight:bold;
}
.nombre, .nombre2 {  
  width:300px;  
  display: none;  
  padding:5px;  
  border:2px solid #fff;  
  color:#000;
  background-color:#C0504D;
  text-align:center;  
 }  
 .puesto, .puesto2{  
      color:#fff;
     text-align:center; 
     display:block;  
     width:300px;  
     padding:5px;  
     border:2px solid #fff;  
     background-color:#C0504D;  
 }  

.panel {
position: absolute;
top: 20px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 650px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel ul
{
margin: 0 0 15px 80px;
padding: 0;
color: #fff;
}

.panel h3{
margin: 0 0 15px 80px;
padding: 0;
color: #fff;
font-size:18px;
}

.panel p{
margin: 0 0 15px 80px;
padding: 0;
color: #fff;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}
.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
a.trigger{
position: absolute;
text-decoration: none;
top: 20px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 62px 20px 40px;
font-weight: 700;
background:#333333 url(imagenes/mas.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 20px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 65px 20px 40px;
font-weight: 700;
background:#222222 url(imagenes/mas2.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-brder-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(imagenes/close.png) 85% 55% no-repeat;
}

/*DIV derecha */
#derecha
{
  float:right;
  width:298px;
  height:900px;
  position:relative;
  border-left: solid 1px #b1b2b9; 
  margin:0px; 
  text-align:left; 
}
#derecha h2
{
padding:5px 0px 5px 15px;
}

#derecha ul
{
list-style-type:square;
color:#434343;
float:left;
margin:5px 0px 0px 30px;
}


/*galeria de imagenes */
.featured
{  
     width:600px;  
     padding-right:250px;  
     margin:10px 0px 0px 60px;
     position:relative;  
     height:400px;  
     background:#fff;  
     border:5px solid #ccc;  
}

.featured ul.ui-tabs-nav
{  
  position:absolute;  
  top:0; left:600px;  
  list-style:none;  
  padding:0; margin:0;  
  width:250px;  
 }  

.featured ul.ui-tabs-nav li
{  
 padding:1px 0; padding-left:13px;  
 font-size:12px;  
 color:#666;  
}  

.featured ul.ui-tabs-nav li span
{  
 font-size:11px; font-family:Verdana;  
 line-height:18px;  
 }  
 
.featured .ui-tabs-panel
{  
 width:600px; 
 height:400px;  
 background:#999; position:relative;  
 overflow:hidden;  
}  

.featured .ui-tabs-hide
{  
 display:none;  
}

.featured li.ui-tabs-nav-item a{/*On Hover Style*/  
    display:block;  
    height:60px;  
    color:#333;  background:#fff;  
    line-height:20px;  
    outline:none;  
 }  
 .featured li.ui-tabs-nav-item a:hover{  
  background:#f2f2f2;  
 }  
 .featured li.ui-tabs-selected{ /*Selected tab style*/  
     background:url('images/selected-item.gif') top left no-repeat;  
 }  
 .featured ul.ui-tabs-nav li.ui-tabs-selected a{  
     background:#ccc;  
 }
 .featured ul.ui-tabs-nav li img{  
  float:left; margin:2px 5px;  
  background:#fff;  
  padding:2px;  
  border:1px solid #eee;  
 }  
 
.featured .ui-tabs-panel .info{  
    position:absolute;  
    top:300px; left:0;  
    height:70px; width: 600px;  
    background: url('imagenes/transparent.png');  
 }  
 .featured .info h2{  
     font-size:18px; font-family:Georgia, serif;  
     color:#fff; padding:5px; margin:0;  
     overflow:hidden;  
 }  
 .featured .info p{  
     margin:0 5px;  
     font-family:Verdana; font-size:11px;  
     line-height:15px; color:#f0f0f0;  
 }  
 .featured .info a{  
     text-decoration:none;  
     color:#fff;  
 }  
 .featured .info a:hover{  
     text-decoration:underline;  
 }


 /*Slider proyectos*/
.contentslider 
{
  padding:10px; 
  background:#fff;
  position:relative;
  display:block;
  width:1000px;
  height:450px;
  margin:50px 0px 0px 30px;
  overflow:hidden;
}
.cs_wrapper 
{
  background:#FFF;
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}

.cs_slider
 {
 position:absolute;
 width:10000px;
 height:100%;
 margin:0;
 padding:0;
}

.cs_article 
{
   background:#FFF;
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:1000px;
  height:450px;
  margin:0 auto;
  padding:0;
}

.cs_article h2 
{
  font-size:100%;
  line-height:1.125em;
  display:block;
  width:26%;
  margin:10px 10px 5px 70%;
  text-align:left;
}

.cs_article img 
{
  position:absolute;
  top:0;
  left:0;
  width:600;
  height:450px;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p, .cs_article li 
{
  font-size:12px;
  line-height:1.2em;
  color:#777;
  display:block;
  width:26%;
  margin:0 10px 5px 70%;
  padding:0;
  border:0;
}
.cs_article .readmore 
{
	  display:block;
	  width:26%;
	  margin:0 26px 0 67%;
	  text-align:right;
}

.cs_leftBtn, .cs_rightBtn 
{
  width:30px;
  background:#fff;
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn 
{
  left:0;
  outline:0;
}

.cs_rightBtn 
{
  right:0;
  outline:0;
}

.cs_leftBtn img, .cs_rightBtn img 
{
  border:0;
  position:relative;
  top:200px;
  margin:0;
}


/*Nuevo codigo de estilo css By Intercom Systems*/

div#slider{
	width:700px;
	height:210px;
	margin-top:10px;
	margin-bottom:10px;
	}

	
	
/*Slideshow del Index*/

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:210px;	width: 730px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	margin-bottom:0px;
	padding:0px;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 105px; right: -7px;
	width: 200px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 2px;
	text-decoration: none;
	color: #F00;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#fff;
}
.paging a:hover {font-weight: bold; opacity:0.7;}
/* begin: slideshow */
.slideshow2 {
position:relative;
padding:0;
margin:0;
width:250px;

}
.slideshow2 a img {
border:none;
}
.slideshow2 li.slide {
list-style-type:none;
}
.slideshow2 .slides {
height:100px;
margin:0;
}
.slideshow2 .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}

/* end: slideshow */

input.submit2 { 	
    width: 80px; 
	height: 25px; 
    color: #eee; 
    text-transform: uppercase; 
	font-size:10px;
	padding:1px;
    margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
    background-color: #18a5cc;
    border:1px;
    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;
     
    /* -- CSS3 Shadow - create a shadow around each input element -- */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
    background:  -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); 
     
    /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 

}

input.submit2:hover { 		
    -webkit-box-shadow: 0px 0px 20px #555;	
    cursor:  pointer; 
	opacity:0.8;
}

/*CSS del boton cotizar*/

#cotizar{
	text-align:right;
	}
	
#cotizar p{
	padding-top:5px;
	font-size:16px;
	}
	
#cotizar img{
	}
	
/*CSS Lista de promociones desde base de datos*/

#listticker3
{
	height:250px;
	width:200px;
	overflow:hidden;
	background-color:#FFF;
	-moz-box-shadow: 0 8px 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0px 0 8px #fff; 
}

#listticker3 li
{
	border:0; margin:0; padding:0; list-style:none;
}

#listticker3 li
{
	padding:5px;
	list-style:none;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#listticker3 a
{
	color:#000000;

}

#listticker3 .news-title
{
	display:block;
	font-weight:bold;
	margin-bottom:4px;
	font-size:10px;
}

#listticker3 .news-text
{
	display:block;
	font-size:11px;
	color:#f6f6f6;
}

#listticker3 img
{
	margin-right:5px;
	padding:0px;
	border:solid 1px #DEDEDE;
	float:left;
}
#listticker3 img:hover
{
	opacity:0.5;
}



#listticker3 .promocion{
	display:block;
	font-weight:bold;
	font-size:12px;
	color:#F00;
	text-align:right;
	}