/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden;}
/* Global properties ======================================================== */
body{background:#000;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;line-height:24px;font-style:italic}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
.body1{background:url(../images/bg.jpg) bottom center repeat}
.body2{background:url(../images/bg_top2.jpg) bottom repeat-x}
.body3{background:#fff}
.body4{background:url(../images/bg.jpg) top center repeat}
.body5{background:url(../images/bg_top_img2.jpg) center bottom no-repeat}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}
/* ============================= main layout ====================== */
a{color:#696969;text-decoration:underline;outline:none}
a:hover{text-decoration:none}
h1{float:left}
h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:20px 0 11px 0;color:#000;letter-spacing:-1px}
h2.under{border-bottom:1px solid #cacaca;margin-bottom:15px}
h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:16px;font-weight:400;font-style:normal}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h4{font-size:26px;line-height:1.2em;color:#000;font-weight:400;padding:43px 0 15px 0}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.html) 0 0 no-repeat;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h6{font-size:16px;line-height:1.2em;color:#fff;padding:0 0 5px 0;font-style:normal;font-weight:400}
p{padding-bottom:22px}
/* ============================= header ====================== */
header{padding-top:2px;height:180px}
#logo{display:block;margin-top:35px;background:url(../images/logo.jpg) 0 0 no-repeat;width:319px;height:110px;text-indent:-9999px}
#menu {float:right;padding-top:5px}
#menu li {float:left;padding-left:40px}
#menu li a{display:block;font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1.2em;color:#bbb;text-transform:uppercase;text-decoration:none;text-align:center;letter-spacing:-1px;height:70px;font-style:normal;font-weight:700}
#menu li a span{font-size:14px;line-height:1.2em;color:#666666;display:block;letter-spacing:-1px;margin-top:-3px;font-weight:normal}
#menu li a:hover, #menu .active a{color:#FEC236}
#menu li a:hover span, #menu .active a span{color:#000}
#menu #nav1 a{background:url(../images/menu_icon1.gif) bottom center no-repeat}
#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.gif) bottom center no-repeat}
#menu #nav2 a{background:url(../images/menu_icon2.gif) bottom center no-repeat}
#menu #nav2 a:hover, #menu #nav2.active a{background:url(../images/menu_icon2_active.gif) bottom center no-repeat}
#menu #nav3 a{background:url(../images/menu_icon3.gif) bottom center no-repeat}
#menu #nav3 a:hover, #menu #nav3.active a{background:url(../images/menu_icon3_active.gif) bottom center no-repeat}
#menu #nav4 a{background:url(../images/menu_icon4.gif) bottom center no-repeat}
#menu #nav4 a:hover, #menu #nav4.active a{background:url(../images/menu_icon4_active.gif) bottom center no-repeat}
#menu #nav5 a{background:url(../images/menu_icon5.gif) bottom center no-repeat}
#menu #nav5 a:hover, #menu #nav5.active a{background:url(../images/menu_icon5_active.gif) bottom center no-repeat}
.slider{top:205px;position:absolute;z-index:1}
.slider .items{display:none}
.slider  .pagination{position:absolute;z-index:2;bottom:47px;left:432px}
.slider  .pagination li{float:left;padding-right:4px}
.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}
/* ============================= content ====================== */
#content{padding-top:50px;padding-bottom:20px}
#content2{padding-bottom:20px}
.pad_left1{padding-left:50px}
.pad_left2{padding-left:40px}
.pad_left3{padding-left:20px}
.pad_bot1{padding-bottom:8px}
.pad_bot2{padding-bottom:40px}
.marg_right1{margin-right:20px}
.link1{color:#000;font-style:normal}
.testimonials{width:100%;position:relative;z-index:1;height:210px;overflow:hidden}
#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{height:210px}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}
.down{background:url(../images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#000}
.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{color:#FEC236}
.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{color:#696969;background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
.address a{color:#fff}
#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#FEC236}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}
.tabs ul.nav li{padding-right:1px;float:left}
.tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#ffa322;text-decoration:none;text-align:center}
.tabs ul.nav .selected a, .tabs ul.nav  a:hover{background:#696969}
.tabs .tab-content {display:none}
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= footer ====================== */
footer {padding:35px 0 10px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#fff}
footer a:hover{}
/* ============================= forms ============================= */
#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#ffa322;text-align:center}
#ContactForm a:hover{background:#080808}
#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#ffa322;color:#fff}
/* ============================= formulario contacto ============================= */
#container {
	
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid white;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
		
}

#formulario {
	
	padding: 1em;
	
	
}

#formulario fieldset {
	
	width: 400px;
	padding: 0 0 0 0;
	border: 0;
	
}

#formulario label {
	
	display: block;
	padding: 5px 0 5px 0;
	
}

#formulario input[type=text], textarea {
	
	padding: 10px 0 4px 0;
	border: 1px solid black;
	color: #5b5c5c;
	font-family: inherit;
	font-size: inherit;
	-moz-border-radius: 5px;
	-webkit-border-radius: 3px;
	
}

#formulario input[type=text]:focus, textarea:focus {
	
	background: #f6f6f6;
	
	
}

#formulario input[type=submit] {
	
	border: none;
	margin-right: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 4px;
	background: #ffa322;
	color: white;
	width: 90px;
	height:32px
}

#formulario input[type=submit]:hover {
	background: #696969;
	cursor: pointer;
	width:90px;height:32px
}

#validar-nombre, #validar-correo, #validar-telefono, #validar-mensaje {
	position: absolute;
	width: 10px;
}

#validar-nombre img, #validar-correo img, #validar-mensaje img {
	padding:10px 0 0 5px;
}

/* =============================Galeria detalles============================= */
#galeria {
border: 1px solid #ffa322;  /* Borde de la galería */
padding: 10px;
background: #ffa322;  /* Fondo de la galería */
width: 485px;  /* Ancho de la galería */
height: 448px;  /* Alto de la galería */
border-radius: 10px;
margin-left: 30px;
Importación;
margin-bottom: 10px;
}
#imgGaleria {
border-radius: 3px;
border: 1px solid #F2F2F2;  /* Borde de la imagen */
padding: 1px;
}
.miniatura {
background:url('../images/blank.png');
background-size:65px 65px;
background-repeat:no-repeat;
width:  65px;  /* Ancho de las miniaturas */
height:  65px;  /* Alto de las miniaturas */
float: left;
cursor: pointer;
margin-top: 5px;
padding: 2px;
}
.miniatura:hover {
opacity:.8;   /* Opacidad */
-moz-opacity:.8;
-khtml-opacity:.8;
filter:alpha(opacity=80);
}
.miniatura:active {
opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
filter:alpha(opacity=80);
}
/* =============================Formulario Informes============================= */
#informes {
padding: 10px;
margin-left: 30px;
margin-bottom: 10px;
}
#info-container {
	
	width: 1000px;
	margin: 1px;
	background: #fff;
	border: 1px solid white;
}
#info-formulario fieldset {
	
	width: 400px;
	padding: 0 0 0 0;
	border: 0;
	
}

#info-formulario label {
	
	display: block;
	padding: 1px 0 1px 0;
	
}

#info-formulario input[type=text], textarea {
	
	padding: 10px 0 4px 0;
	border: 1px solid black;
	color: #5b5c5c;
	font-family: inherit;
	font-size: inherit;
	-moz-border-radius: 5px;
	-webkit-border-radius: 3px;
	
}

#info-formulario input[type=text]:focus, textarea:focus {
	
	background: #fff;
	
	
}

#info-formulario input[type=submit] {
	
	border: none;
	margin-right: 1em;
	margin-top: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 4px;
	background: #ffa322;
	color: white;
	width: 90px;
	height:32px
}

#info-formulario input[type=submit]:hover {
	background: #696969;
	cursor: pointer;
	width:90px;height:32px
}

#validar-nombre, #validar-correo, #validar-telefono, #validar-mensaje {
	position: absolute;
	width: 10px;
}

#validar-nombre img, #validar-correo img, #validar-mensaje img {
	padding:10px 0 0 5px;
}
/* =============================Contenedores============================= */
.logos {
float: left;
color: white;
padding: 20px;
border-radius: 20px;
margin-left: 70px;
margin-bottom: 10px;

}
.box {
border: 1px solid #fff;  /* Borde de la galería */
float: left;
color: white;
background: #ffa322;  
text-align: center;
width: 160px;
height: 235px;  
padding: 10px;
border-radius: 10px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 10px;

}
.boxDesc {
border: 0px solid #ffa322;  /* Borde de la galería */
float: left;
color: white;
background: #ffa322;  
text-align: left;
width: 270px;
height: autopx;  
padding: 10px;
border-radius: 10px;
margin-left: 110px;
margin-top: 10px;
margin-bottom: 10px;

}
/* =============================Boton============================= */
.boton {
    display: inline-block;    
    *display: inline;
    vertical-align: baseline;
    cursor: pointer;
    text-decoration: none;
    font: 12px Arial;
    padding: .5em 1em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);  
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
}
.redondo {
    border-radius: 10px;
	
}
.negro {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
	 
}
.negro:hover {
    background: #000;
	
}
/* -------------------------------------------- */
/* ------------- Cuadros de ofertas -----------	*/
.ofertas {
	border: 1px solid #ffffff;  /* Borde de la galería */
	float: left;
	background: #d4d4d4; 
	text-align: left;
	width: 210px;
	height: 260px;  
	padding: 10px;
	border-radius: 10px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 25px;
}
/* -----------------Carousel--------------- */
.image_carousel {
	padding: 15px 0 15px 0px;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
}

       
        /* Botones social2*/
    ul#m-soc2{  
    margin: 18px 0 0 10px;padding: 0;margin-right: 10px;width: 190px;float:right;height:40px;}
    ul#m-soc2 li{
    list-style: none;margin: 7px;padding: 50;float:right;border: none;}
    ul#m-soc2 li a{
    background: url(../images/iconos.png) no-repeat 0 0;
    margin:0;padding:0;display: block;position:relative;
    width: 22px;
    height: 22px;
    overflow: visible;
    }
    ul#m-soc2 li a.twitter{
    background-position: -66px 0;
    }
    ul#m-soc2 li a.facebook{
    background-position: -44px 0;
    }
    ul#m-soc2 li a.google{
    background-position: -22px 0;
    }
    ul#m-soc2 li a.twitter:hover{
    background-position: -66px -22px;
    }
    ul#m-soc2 li a.facebook:hover{
    background-position: -44px -22px;
    }
    ul#m-soc2 li a.google:hover {
    background-position: -22px -22px;
    }
    ul#m-soc2 li a span{
    background: #555;position:absolute;
    top:-10px;left:-10px;width:auto;height:auto;opacity:0;
    padding:3px;text-align:left;
    color:#fff;filter:alpha(opacity=0);
    white-space:nowrap;border-radius:3px;font-size:10px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;} ul#m-soc2 li a:hover{text-decoration:none} 
    ul#m-soc2 li a:hover span{
    opacity:.7;
    filter:alpha(opacity=70);
    top:-23px}
/* -------------------------------------------- */
/* ------------- Pagination: Flickr -----------	*/
/* -------------------------------------------- */
ul    { border:0; margin:0; padding:0;}
#pagination-flickr li          { border:0; margin:0; padding:0; font-size:14px; list-style:none; /* savers */ float:left;}
#pagination-flickr a           { border:solid 1px #fff; margin-right:2px; }
#pagination-flickr .previous-off,
#pagination-flickr .next-off   { background: #666666; color:#fff; border:solid 1px #fff; display:block; float:left; font-weight:bold; padding:4px 6px; }
#pagination-flickr .next a,
#pagination-flickr .previous a { font-weight:bold; border:solid 1px #fff; }
#pagination-flickr .active     { background: #666666; color:#fff; border:solid 1px #fff; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination-flickr a:link,
#pagination-flickr a:visited   { background: #ffa322; color:#fff; display:block; float:left; padding:4px 6px; text-decoration:none; }
#pagination-flickr a:hover     { border:solid 1px #666666; }

.banner{width:100%;overflow:hidden;margin-bottom:15px;}