 @import url('http://fonts.googleapis.com/css?family=Droid+Sans');
@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700');
@import url('http://fonts.googleapis.com/css?family=Carme');

/*-----------------------------------------------------------------------------------*/
/*	1.	Global properties (body, common classes, vertical rhythm, structure etc)
	
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 15px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 15px rgba(50, 50, 50, 0.5);
	
/*-----------------------------------------------------------------------------------*/
body { background: #EFEFEF; color: #555; font-family: 'Arial',sans-serif; font-size: 16px;}
header,
nav,
section,
article{display: block;}

.last{ margin-right: 0 !important; margin-bottom: 0 !important; }
.clear{clear: both;}
.alignleft{float: left !important;}
.alignright{float: right !important;}
.aligncenter {text-align: center !important;}
.span6.no-margin-left {margin-left: 0!important;}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	color: #F63440;
	font-weight: 300;
	line-height:50px;
	text-align:center;
}

h1{
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 22px;
}
h2{ display:block;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 50px;
}
h3{ 
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 18px;
    font-weight:400;
}
h4{
    font-size: 16px;
    margin-bottom: 16px;
}
h5{
    font-size: 14px;
    margin-bottom: 14px;
}
h6{
    font-size: 12px;
    margin-bottom:12px;
}

p { color:#333;
    font-size: 14px;
    line-height: 22px;
}
* p:last-child{margin-bottom: 0 !important;}

.color{color: #F63440;} /* Rojo */
.color1{color: #333;} /* Gris */
.color2{color:#111 font-weight:300;} /* Gris Oscuro */
::selection { background: #F63440; color:#FFF; } /* Safari */
::-moz-selection { background: #F63440; color: #FFF; } /* Firefox */

/* Link Styles */
a { color: #333; font-weight:normal; text-decoration: none; transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
    -o-transition: all 0.3s ease-in-out; /* Opera */
}
a:hover { color: #F63440; text-decoration: none; }

h3.title a { color: #FFF; display: inline-block; font-size: 16px; font-weight: 600; padding-bottom: 15px; }
h4.title a{ color: #FFF; font-weight: 600; font-size: 12px; }
h3.title a:hover, h4.title a:hover { text-decoration: none; }
.title a:hover{color: #1d1d1c; text-decoration: none;}

/* top blocks */
#header, .contenedor, .breadcrumbs, .content-hr {padding: 0 20px;}
.bottom30 { margin-bottom: 30px; }

/*-----------------------------------------------------------------------------------*/
/*	2.	Header, Navigation & Menus
/*-----------------------------------------------------------------------------------*/

.wrap { margin: 0; width:100%;}
.header { background:#FFF;}
#header { display:block; margin: 0 auto; max-width: 1040px; overflow: hidden; position: relative; } 
#header .logo{ display:block; margin:0; width:300px; }
#header .logo img { margin:0; width:100%; }

.top-social { display: inline-block; position:absolute; right:20px; top:5px; vertical-align: middle; width:120px; }
.top-social li { float: right; list-style: none outside none; }
.top-social a { display:inline-block; height:25px; margin:5px 0; opacity:0.55; transition:all 0.2s linear 0.2s; width:25px; border-radius:50%; }
.top-social a:hover { opacity: 1; }
.social-twitter { background: url("../images/icons/icon-twitter.png") no-repeat scroll left center transparent; }
.social-twitter:hover { background: url("../images/icons/icon-twitter.png") no-repeat scroll left center transparent; }
.social-facebook { background: url("../images/icons/icon-facebook.png") no-repeat scroll left center transparent; }
.social-facebook:hover { background: url("../images/icons/icon-facebook.png") no-repeat scroll left center transparent; }
.social-instagram { background: url("../images/icons/icon-instagram.png") no-repeat scroll left center transparent; }
.social-instagram:hover { background: url("../images/icons/icon-instagram.png") no-repeat scroll left center transparent; }
.social-youtube { background: url("../images/icons/icon-youtube.png") no-repeat scroll left center transparent; }
.social-youtube:hover { background: url("../images/icons/icon-youtube.png") no-repeat scroll left center transparent; }
.vimeo { background: url("../images/icons/vimeo.png") no-repeat scroll left center transparent; }
.vimeo:hover { background: url("../images/icons/vimeo.png") no-repeat scroll left center transparent; }
.gplus { background: url("../images/icons/gplus.png") no-repeat scroll left center transparent; }
.gplus:hover { background: url("../images/icons/gplus.png") no-repeat scroll left center transparent; }
.top-social i { height: 24px; width: 24px; }

#buscador { float:right; margin:40px 0 0; width:300px;}
.btn-search { background:#333; border-radius:5px 0 0 5px; border:none; color:#FFF; float:right; padding:5px 12px; }
.btn-search a { background:#333; }
.btn-search a:hover { background:#F63440; color:#FFF;}
.search { float:right; padding:4px; }

/* Main Menu */
.res-menu   {display: none;}
.res-menu   {width: 90%; margin:0 auto; }

.menu { background:#F63440; clear:both; width:100%;}

#menu { display:block; margin:0 auto; padding:0; position:relative; max-width:1040px; }
#menu ul { }
#menu > ul{ margin:0 auto; padding:0; position:relative; }
#menu > ul > li { display:inline-block; list-style: none outside none; position: relative; text-align:center; }
#menu > ul > li > a { color: #FFF; display: inline-block; font-size:15px; letter-spacing:0.1em; margin:0; padding: 12px 20px;	text-shadow:1px 1px 1px rgba(0,0,0,0.25); }
#menu > ul a:hover, #menu .current{ background:#333; color: #FFF; text-decoration:none; }

#menu ul ul { background:#333; position: absolute; width: 160px; }
#menu > ul > li > ul { margin-left: -12px; margin-top: -18px; }
#menu ul ul li { list-style: none; padding: 5px 0; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); }
#menu ul ul li.last{border-bottom: none !important;}
#menu ul ul li:hover { background:#F63440;}
#menu ul ul li.menu-last{border-bottom: none !important;}
#menu ul ul a { display: block; color: #FFF; font-size:13px; }
#menu ul ul a:hover { background:#F63440; color: #FFF !important; }

#menu li:hover { background: none repeat scroll 0 0; color:F63440; visibility: inherit; }
#menu li:hover ul, #menu li.sfHover ul { left: 12px; top: 62px; z-index: 99; }
#menu li li { transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out; /* Opera */ }
#menu li li:hover {	background:#333;} 
#menu li li:hover ul, #menu li li.sfHover ul { left: 150px; top: 0px; }

.ver-pedido { position:absolute; right:0; top:0; }
.ver-pedido a{ background:#333; border: 1px solid #333; border-radius:5px; color:#FFF; display:block; margin:5px 0; padding: 7px 14px;  text-shadow:1px 1px 5px rgba(0,0,0,0.5); }
.ver-pedido a:hover{ background:#F63440; border: 1px solid #333; } 
.ver-pedido i { color:#FFF; overflow:hidden;} 
.ver-pedido i:hover { color:#333;} 


/* Video contenedor */
.video-contenedor { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-contenedor iframe,
.video-contenedor object,
.video-contenedor embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Flex Slider */

#slider .z-index-999 { z-index:999;}
.slider-caption-right { display:none;
    background:rgba(0,0,0,0.5);
    bottom: 10px;
    height: 140px;
    position: absolute;
    right: 10px;
    width: 50%;
}
.slider-caption-right h5, .slider-caption-left h5 {
    color: #0AF;
    font-family: 'Ariel',sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 25px 0 0 25px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}
.slider-caption-right p, .slider-caption-left p {
    color: #FFF;
    font-size: 16px;
    line-height: 18px;
    padding: 0 20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}
.slider-caption-right h1>span, .slider-caption-left h1>span{
    color:#272727;
    display: inline;
    text-transform: none;
    font-family: 'Arial', sans-serif;
    font-size: 50px;
}
.slider-caption-left {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    bottom: 30px;
    height: 160px;
    position: absolute;
    left: 0;
    width: 485px;
}

#slider {
    padding:0;
	margin:0;
}
.flexslider{
    position: relative;
}
.slides li{position: relative;}

.slides h3 {
    top: 40px;
    left: 90px;
    position: absolute;
    display: block;
    font-weight: 400 !important;
    line-height: 1.5;
    max-width: 400px;
    margin-bottom: 30px;
    padding: 20px;
}
.slides h3 a.text{
    color: #ffffff;
    font-weight: normal;
    padding: 2px 0;
    display: block;
    text-shadow: 1px 1px 1px #000000;
}
.slides li a:hover{
    color: #FFF !important;
}
.slides span {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 36px;
    line-height: 36px;
    color: #d0d0d0;
    display:block;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px #000000;
}
.slides .btn-large {
    font-size: 40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 28px;
}

.slides .icon-more-big {
    background: url('../images/btn-more-big.png') no-repeat 0 0;
    width: 31px;
    height: 29px;
    margin-top: 14px;
    margin-left: 10px;
}
.slides .btn-success {
    background: #333;
}
.slides .btn-success:hover {
    color: #ffffff !important;
    background-color: #b2cc00;
}
.flex-direction-nav { position: absolute; top: 20px; width: 100%; }
.flex-direction-nav li { float: left; margin-left: 1px; list-style: none; }
.flex-direction-nav a { display:inline-block; width:25px; height:25px; opacity:0.7; text-indent:-9999px; position:absolute; top:0; }
.flex-direction-nav .flex-prev {right: 42px; }
.flex-direction-nav .flex-next {right:15px;}
.flex-direction-nav .flex-prev {background: url("../images/icons/arrow-slider-left.png") no-repeat scroll 0 0 transparent; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); border-radius:50%;}
.flex-direction-nav .flex-next {background: url("../images/icons/arrow-slider-right.png") no-repeat scroll 0 0 transparent;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); border-radius:50%;}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover{opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}
.no-js .slides > li:first-child {display: block;}

.flexslider { position: relative; zoom: 1; }
.flex-viewport {
    max-height: 2000px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-viewport img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-control-nav, .flex-control-paging {
    bottom: 10px;
	left:10px;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    top:0;
    text-align: center;
}
.flex-control-nav li,
.flex-control-paging li {
    float: left;
    list-style-type: none;
    cursor: pointer;
    margin-right: 5px;
}
.flex-control-nav li a,
.flex-control-paging li a {
	border-radius:50%;
    display: block;
    height: 8px;
    width: 8px;
    text-indent: 99999px;
    background: rgba(0,0,0,0.75);
    padding: 1px;
}

.flex-control-nav li a.flex-active,
.flex-control-paging li a.flex-active,
.flex-control-nav li a:hover,
.flex-control-paging li a:hover { background:#333; }

/* Welcome Slogan */
#welcome { background:#F63440; margin:0; padding:1% 3% 3%; text-align: center; width:94%; }
#welcome h1 { color: #FFF; font-size: 23px; font-weight: 300; text-transform: uppercase; }
#welcome p { color:#FFF; font-size:16px; font-weight: 300; letter-spacing: normal; line-height: 22px; }
#welcome .ver-mas { background:#F63440; border:1px solid #FFF; display:inline-block; font-size:16px; margin:20px 0 0; padding:10px; text-transform:uppercase; width:100px; }
#welcome .ver-mas:hover { background: #222; border:1px solid #000; color:#FF0033; }

/* Logos Flexlider*/
.logos { clear:both; display:block; padding:2%; max-width: 100%; }
.logos h2 { font-size:23px; display:block; font-weight:300; margin:0; padding:0 0 2% 2%; }
.logos li { float:left; overflow:hidden; margin:0; padding:0; position:relative; background:none; }
.logos li { margin-left:1px;}
.logos li:hover {}
.logos li img.color-img { opacity:1; top:0; left:0; display:none; position:absolute; }
.logos li:hover img.color-img { display:block; }
.logos li img { filter:none; /* IE6-9 */ float:none !important; margin:0 auto !important; }
.logos li img:hover { filter:none; }

/* Novedades */
#novedades { background-color:#EEE; border:#CCC solid 1px; border-radius:5px; overflow:hidden; padding:3%; }
#novedades img { background-color:rgba(255,255,255,0.5); border: 1px solid #CCC; border-radius:5px; float:left; margin: 10px 0 0 ; 	padding:5px; width:40%; }
#novedades img a{ zoom:1 }
#novedades p { float:left; margin: 3% 0 3% 3% ; width:54%; }
#novedades h2 { margin: 0; }
#novedades h3 { float:left; margin: 10px 0 0 20px; }
#novedades .read-more { float:right; }
	
/* Contenidos*/
#contenedor-site { background:#FFF; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.25); margin:0 auto; max-width:1040px; overflow:hidden; width:100%;}

#contenido {background:rgba(255,255,255,0.5); color: #222; display:block; font-weight:300; margin:0 auto; max-width:1040px; overflow:hidden; width:100%; }

#contenido .datos-contacto, 
#contenido .formulario { background:rgba(255,255,255,0.5); box-shadow:rgba(0,0,0,0.25) 0 0 10px; }
#contenido .img-cont, #contenido .datos-contacto { float:left; margin:2.5%; padding:1%; width:35%;}
#contenido .formulario { float:right; font-size:14px; margin:2.5% 2.5% 2.5% 0; padding:2.5%; width:50%;}

#contenido .txt-cont { font-size:14px; margin:0; padding:2.5%; width:95%;}
#contenido .txt-cont li, #contenido .datos-contacto li { color:#333; line-height:24px; list-style:none; margin-left:20px; }
#contenido .txt-cont a { color:#333;}
#contenido .txt-cont a:hover { color:#F63440; text-decoration:none;}

#contenido .img-cont {background:rgba(255,255,255,0.5); box-shadow:rgba(0,0,0,0.25) 0 0 10px;}
#contenido .img-cont .img-mini { float:left; margin: 2.5% 0 0 2.5%; width:30%}
#contenido .img-cont img { width:100%}

#contenido .txt-cont .cont-img {background:rgba(255,255,255,0.5); box-shadow:rgba(0,0,0,0.25) 0 0 10px; float:left; margin:0 2.5% 2.5% 0; width:40%;}
#contenido .txt-cont .cont-img img { padding:2%; width:96%}

#contenido .txt-cont h3 { border-bottom:1px solid #F63440; color:#F63440; font-weight:300; margin:0 0 30px; padding:0 0 10px; text-transform:uppercase; }
#contenido .txt-cont h4 { color:#222; font-weight:300; text-align:left; }
#contenido .txt-cont h4 a{ color:#111; font-weight:300; text-align:left; }
#contenido .txt-cont h4 a:hover{ color:#333; font-weight:300; text-align:left; }

#contenido .img-cont .pie-foto { background:#F2F2F2; border-radius:5px; color:#555; margin:0; padding: 5px 5px 5px 20px;}
#contenido .img-cont .pie-foto p {font-size:12px; }

#contenido .txt-cont .meta-tags { color:#555; display:block; font-size:11px; margin:0 0 15px 0;}
#contenido .txt-cont .meta-tags ul { float:right; text-align:right; }
#contenido .txt-cont .meta-tags li { display:inline-block; margin: 0; }

#contenido .datos-contacto a { color:#333; font-size:14px;}
#contenido .datos-contacto a:hover { color:#F63440; text-decoration:none;}
#contenido .datos-contacto ul { margin:10px 0 20px 10px;}
#contenido .datos-contacto h3 { margin:20px 0;}
#contenido .formulario textarea, #contenido .formulario input[type="text"], #contenido .formulario textarea, #contenido .formulario select{
    background: rgba(255,255,255,0.5);
    border: 1px inset rgba(0,0,0,0.25);
    border-radius: 3px;
    color: #777;
	font-size:18px;
    height: 20px; 
	letter-spacing:0.1em;
    margin: 5px auto 10px !important;
    padding: 1%;
	width:98%;
}

#contenido .formulario select{
	height: 30px
}
.mapa { margin:0 10px 10px;}

/* Features */
.features > div{text-align: center;}
.features h3{margin: 15px !important;}

/* Bootstrap Carousel */
.carousel {position:relative;}
.carousel-wrapper{
    overflow:hidden;
    padding:2px 2px 0 2px;
    margin-top: -2px;
}
.carousel-wrapper ul{display:none;}
.carousel-wrapper ul li{
    height:100%;
    float:left;
    display:block;
}

.btleft .es-nav{
    position: absolute;
    top: 10px;
    left: -63px;
}

.bttop .es-nav{
    position: absolute;
    top: -50px;
    right: 0px;
}

.es-nav span{
    float: left;
    width: 17px;
    height: 17px;
    display: block;
    top: 1px;
    right: 0;
    text-indent: -9999px;
    cursor: pointer;
}
.es-nav .es-nav-prev{
    right: 17px;
    background: url(../images/arrow-left.png) no-repeat right top;
}
.es-nav .es-nav-next{
    background: url(../images/arrow-right.png) no-repeat left top;
}
.es-nav .es-nav-next:hover{
    background-position: -17px 0px ;
}
.es-nav .es-nav-prev:hover{
    background-position: 0px 0px ;
}

/* Our Projects */
.our-projects article{margin-bottom: 30px;}
.our-projects article img{display: block;}
.our-projects article h4{margin-bottom: 0;}
.our-projects article:nth-last-child(-n+4){margin-bottom: 0 !important;}

/* Destacados */

.destacados h2, .destacados-catalogo h2, .catalogo h2, #representaciones h2 {
	border-bottom:1px solid #F63440; color:#F63440; margin-bottom:30px; padding-bottom:10px; 
	font-size:23px; font-weight:300; line-height:50px; text-align:center; }

.destacados { display:none;
	background: #F8F8F8;
	border-top:#EEE solid 3px;
	overflow:hidden;
	margin:0;
	padding: 1% 2%;
	width:96%;
}
.destacados h2{
	color:#FFF;
	font-size:23px;
	font-weight:300;
	line-height:50px;
}
.destacados .destacado { 
	background:#FFF;
	border-radius:2px;
	box-shadow:1px 1px 10px rgba(0,0,0,0.25);
	float:left;
	margin:1% 0.5% ;
	overflow:hidden;
	padding: 0 0 1% 0;
	text-align:center;
	vertical-align:top;
	width:19%;
}
.destacados .destacado p {
	color: #111;
	margin: 0 0 20px 0;
	overflow:hidden;
    padding: 5px 0;
	text-align:center;
    width: 100%;
}
.destacados .destacado p a{color: #222; }
.destacados .destacado p a:hover { color: #00B4FC;}
.destacado img {padding:4%; width:92%; }
.destacado img a { opacity: 1; }
.destacado img a:hover{ 
  opacity: 0.5;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;}

.destacado h3 { font-size:16px; margin:0 0 10px; }
.destacado h3 a { color:#333; }
.destacado h3 a:hover { color:#F63440; text-decoration:none; }

.destacado .ver-mas {
    background: #F63440;
	border-radius:none;
    color: #FFF;
    display: block;
	margin:0 5%;
    padding: 5px inherit;
	text-transform:uppercase;
	width:90%;
}
.destacado .ver-mas:hover {
    background:#333;
	text-decoration:none;
}
.destacados .destacado2 { 
	float:left;
	margin:2% 1% 0;
	overflow:hidden;
	padding:0;
	text-align:center;
	vertical-align:top;
	width:31.25%;
}

/* Destacados Catálogo */

.destacados-catalogo {
	background:rgba(255,255,255,0.5);
	overflow:hidden;
	margin:0;
	padding: 1% 3%;
	width:94%;
}

.destacados-catalogo .item-producto { 
	background: rgba(255,255,255,0.5);
	border-radius:5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	float:left;
	margin:2% 1% ;
	overflow:hidden;
	padding: 0 0 1% 0;
	text-align:center;
	vertical-align:top;
	width:31.25%;
}
.destacados-catalogo .item-producto p {
	color: #111;
	margin: 0 0 20px 0;
	overflow:hidden;
    padding: 5px 0;
	text-align:center;
    width: 100%;
}
.destacados-catalogo .item-producto p a{color: #222; }
.destacados-catalogo .item-producto p a:hover { color: #00B4FC;}
.item-producto img {width:100%; }
.item-producto img a { opacity: 1; }
.item-producto img a:hover{ 
  opacity: 0.5;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;}

.item-producto h3 { font-size:16px; margin:0 0 10px; }
.item-producto h3 a { color:#333; }
.item-producto h3 a:hover { color:#111; }

.item-producto .ver-mas {
    background:#F63440;
	border-radius:none;
    color: #FFF;
    display: block;
	margin:10px auto 0;
    padding: 12px 0;
	text-transform:uppercase;
	width:120px;
}
.item-producto .ver-mas:hover {
    background:#333;
    color: #FFF;
    display: block;
	text-decoration:none;
}

.destacados-catalogo .item-producto h3 a { color:#333; font-size:18px;}
.destacados-catalogo .item-producto h3 a:hover { color:#F63440; text-decoration:none;}

#representaciones { }
#representaciones ul { list-style:none; }
#representaciones li { float:left; margin:1%; width:23%; }
#representaciones li img { width:100%; }

/* Catálogo */

.catalogo {	background:#FFF; float:left; margin:0; overflow:hidden; padding:1% 1% 1% 2%; width:71%; }
.catalogo .item-catalogo { background:#FFF; border-radius:5px; box-shadow: 0 0 5px rgba(0,0,0,0.25); float:left; margin:2% 1% ; overflow:hidden; padding: 0 0 1% 0; text-align:center; vertical-align:top; width:31%; }
.catalogo .item-catalogo p { color: #111; margin: 0 0 20px 0; overflow:hidden; padding: 5px 0; text-align:center; width: 100%; }
.catalogo .item-catalogo p a{color: #222; }
.catalogo .item-catalogo p a:hover { color: #00B4FC;}
.item-catalogo img {padding:4%; width:92%; }
.item-catalogo img a { opacity: 1; }
.item-catalogo img a:hover { opacity: 0.5; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;
  transition: 0.4s;}

.item-catalogo h3 { font-size:16px; font-weight:300; margin:10px auto; line-height:normal; }
.item-catalogo h3 a { color:#333; }
.item-catalogo h3 a:hover { color:#111; text-decoration:none; }
.ref1, .ref2, .nombre2 { font-size:0.8em;}
.red { color:#F63440;}

.item-catalogo .ver-mas { background:#333; border-radius:none; color: #FFF; display: block; margin:0 10px; padding:10px 0; text-transform:uppercase; }
.item-catalogo .ver-mas:hover { background:#F63440; color: #FFF; display: block; text-decoration:none; }

.catalogo .galeria { background:rgba(255,255,255,0.5); float:left; margin:0; padding: 1% 0; width:45%; }
.catalogo .galeria .img-big, .catalogo .galeria .img-mini {background:#FFF; border-radius:5px; box-shadow:rgba(0,0,0,0.25) 0 0 5px; float:left; }
.catalogo .galeria .img-big {margin:1%; padding:2%; width:94%;}
.catalogo .galeria .img-mini {margin:2% 1%; padding:1.5%; width:28%;}
.catalogo .galeria .img-big img, .catalogo .galeria .img-mini img {border-radius:3px;}

.catalogo .desc-producto {background:#FFF; border-radius:5px; box-shadow:rgba(0,0,0,0.25) 0 0 5px; float:right; margin:1.5% 0; padding:1.5% 2.5%; width:48%;}
.catalogo .desc-producto p {line-height:21px; }
.catalogo .desc-producto li { font-size:15line-height:21px; }

.catalogo .desc-producto .btn-b { margin:0 0.5%; width:99%;}
.catalogo .desc-producto .btn-s { float:left; margin:1% 0.5%; width:60%;}
.catalogo .desc-producto .btn-xs { float:left; margin:1% 0.5%; width:38%;}

.producto-cart { padding:0; margin:0; width:100%;}
.producto-cart .form-inline { padding:0; margin:0; width:100%;}

.producto-cart label { font-weight: bold; line-height:50px; vertical-align: middle; margin: 5px; }
.producto-cart input[type="text"] {
  width: 50px;
  border:1px solid #EEE;
  background: #fff;
  color: #000;
  padding: 10px 15px;
  height: auto;
  font-size: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -box-sizing: border-box;
  box-sizing: border-box;
}
.producto-cart input[type="text"]:hover { border-color: #F63440; }
.producto-cart input[type="text"]:focus { border-color: #F63440; }
.producto-cart .btn { border:none; margin:1px 0 0; padding:10px;  font-weight: bold; }
.producto-cart .btn:hover { background: #F63440; color:#FFF; }

.producto-tabs { background:rgba(255,255,255,0.5); border-radius:10px; box-shadow:rgba(0,0,0,0.25) 0 0 10px; float:left; width:43%; padding:5%; margin:1.5% 0 1% 0; clear:both; width:90%; }
.producto-tabs a { color:#333; }
.producto-tabs tab-pane{ padding:5%; }


/* Productos */
.productos { float:left; margin:0; overflow:hidden; padding: 1% 2%; width:70%; }
/*.productos h2{ color:#FFF ; font-size:23px; font-weight:300; line-height:50px; }*/
.productos .producto-item { background:#FFF; box-shadow:2px 2px 10px rgba(0,0,0,0.25); float:left; margin:2% 1.5% ; overflow:hidden;
	padding: 0 0 1.5% 0; text-align:center; vertical-align:top; width:30%; }
.productos .producto-item p { color: #111; margin: 0 0 20px 0; overflow:hidden; padding: 5px 0; text-align:center; width: 100%; }
.productos .producto-item p a{color: #222; }
.productos .producto-item p a:hover { color: #00B4FC;}
.producto-item img {padding:4%; width:92%; }
.producto-item img a { opacity: 1; }
.producto-item img a:hover { opacity: 0.5; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s;   -o-transition: 0.4s; }

.producto-item h3 { font-size:16px; margin:0 0 10px; }
.producto-item h3 a { color:#333; }
.producto-item h3 a:hover { color:#F63440; text-decoration:none; }

.producto-item .ver-mas { background: #F63440; border-radius:none; color: #FFF; display: block; margin:0 5%; padding: 8px inherit; text-transform:uppercase; width:90%; }
.producto-item .ver-mas:hover { background:#333; text-decoration:none; }

.video { margin:2% 1%; width:98%; position: relative; padding: 0 0 56.25%; height: 0;  overflow: hidden; }
 
#video iframe, #video object, #video embed, .video iframe, .video object, .video embed  { top: 0; left: 0; width: 100%; }

.accordion-group {border:0;}
.accordion .accordion-toggle{
    font-weight: 900;
    color: #fff;
    padding: 5px 10px;
    background-color: #b6b6b6;
    position: relative;
    border: 1px solid #b6b6b6;
    border-radius: 4px 4px 4px 4px;
    text-shadow: 1px 1px #aaa;
}
.accordion .accordion-toggle:hover{
    background-color: #cdcdcd;
    border-color:#cdcdcd;
    text-shadow: 1px 1px #bbb;
}
.accordion .accordion-toggle span{
    right: 10px;
    top: 5px;
    width: 16px;
    height: 16px;
    position: absolute;
}
.accordion .accordion-inner{
    margin-top: 1px;
    border: 0;
}
.accordion .acc-block{padding: 20px 10px;}
.accordion h4{
    color: #707070;
    text-transform: none;
}

.accordion li{
    padding-left: 15px;
    margin-bottom: 10px;
}
.accordion i.pull-right {margin:3px 0 0 0;}

/*-----------------------------------------------------------------------------------*/
/*	4.	Footer Styles
/*-----------------------------------------------------------------------------------*/

.footer {background:#222; border-top:#F63440 5px solid; clear:both; width:100%;}

#footer {box-sizing:border-box; font-size: 14px; margin:0 auto; overflow:hidden; position: relative; max-width:1040px; }
#footer .footer-item { color:CCC; float:left; margin:0 0.5%; padding:1%; width:21%; }
#footer .footer-item p {color:#AAA; }
#footer .footer-item li { color:#CCC;}
#footer .footer-item a { color:#FFF;}
#footer .footer-item a:hover {color: #F63440; text-decoration: none;}
#footer .footer-item h3 {color:#FF1234; font-size:18px; font-weight:300; text-transform:uppercase; text-align:center}

#footer .footer-item ul li a { color:#F03;}
#footer .footer-item ul ul li a { color:#FFF;}

#footer .footer-item .btn-foot { background:#111; float:right; margin:10px 5px; padding:8px 20px;}
#footer .footer-item .btn-foot a{ color:#FFF;}
#footer .footer-item .ver-mas:hover { background:#FF1234; color: #222; text-decoration:none; }
#footer .footer-item label { color:#CCC; margin-bottom:0;}

#footer ul{ list-style: none; margin: 0 0 20px 15px; }
#footer li{ line-height:20px; list-style: none; }

#footer .footer-item textarea, #footer .footer-item input[type="text"]{
    color: #333; padding: 1% 2%; border: 1px inset rgba(0,0,0, 0.2); background: rgba(0,0,0,0.1); margin-top: 5px !important; 
    height: 19px; border-radius: 3px; width:98%; }
#footer .footer-item .input { margin:5px 0;}

/* Footer Menu */
#footer-menu { background:rgba(0,0,0,0.8); clear:both; overflow:hidden; } 
#footer-menu p { color:#AAA; padding: 15px ; font-size: 12px; line-height:18px; text-align:center; }
#footer-menu a{ color: #FFF; font-weight: 400;  }
#footer-menu a:hover{color: #F63440; text-decoration: none;}

/*-----------------------------------------*/

#fotos .galeria { padding: 0; margin-bottom: 20px; text-align: center; border: none; position: relative; overflow: hidden;}

#fotos, #videos { clear:both; margin:2%; overflow:hidden; padding:2.5% 0 1%; width:96%;}
#fotos h2, #videos h2 { color: #333; font-weight:300; margin:10px; padding:10px 5px ; text-align:center;}

#fotos .galeria, #fotos .foto { background:rgba(0,0,0,0.75); border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.25); float:left ; margin:1%; overflow:hidden; padding:1%; width:29%;}
#fotos .galeria img, #fotos .foto img { width:100%;}

#fotos .galeria h3 { margin:8px 0 0; text-align:center;}
#fotos .galeria h3 a { color:#333; }
#fotos .galeria h3 a:hover { color:#333; }

#filtrable { margin: 20px 20px 0; float: right; }
#filtrable li { float: left; margin-left: 5px; list-style: none; }
#filtrable a { padding: 4px 10px; background-color: transparent; border: 1px solid #ececec; font-size: 0.8em; display: inline-block;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#filtrable a:hover, #filtrable .current a{ border-color: #ddd; background-color: #f5f5f5; color:#787878; }

.p-view, .p-link { display: block; width: 31px; height: 31px; position: absolute; top: 50%; margin-top: -18px; opacity:0.8; 
    -webkit-transition: opacity 0.35s linear;
    -moz-transition: opacity 0.35s linear;
    -o-transition: opacity 0.35s linear;
}
.p-view:hover, .p-link:hover { opacity:1; }
.p-view{ left: 50%; margin-left: -39px; background: url(../images/view.png); }
.p-link{ right: 50%; margin-right: -39px; background: url(../images/link.png); }

.portfolio { float:left; width:30%;}
.portfolio h4:last-child{margin-bottom: 0 !important;}
.portfolio article{margin-bottom: 30px;}
.portfolio img{display: block;}
.portfolio article span {border: solid 5px #dbdbdb;}
.portfolio article span:hover {border: solid 5px #333;}

.portfolio h4 a { color: #444; text-align: center; padding: 7px 10px; display:block; text-transform: none; background:#fcfcfc;    border-bottom: 1px solid #eeeeee; }
.portfolio h3 { margin-top: 20px; border-bottom: 1px dashed #efefef; margin-bottom: 10px; padding-bottom: 8px; font-size: 16px; }
.portfolio .read-more { margin-bottom: 30px;}


/* BLOG */

#articulos { background: rgba(255,255,255,0.5); float:left; width:65%;}

#articulos .txt-blog {background: rgba(255,255,255,0.5); border-radius:5px; box-shadow:1px 1px 10px rgba(0,0,0,0.25); margin:2.5%; overflow:hidden; padding:2.5%; width:90%;}

#articulos .txt-blog .date-blog { width:100%;}
#articulos .txt-blog .date-blog ul { background:#FFF; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.25); color:#555; padding:2px 0; margin:0;}
#articulos .txt-blog .date-blog li, .blog-categorias li { display:inline-block; font-size:12px;}
#articulos .txt-blog .date-blog li a, .blog-categorias li a
{ background:#DDD; border-radius:2px; color:#111; margin:0; padding:2px 8px; }
#articulos .txt-blog .date-blog li a:hover, .blog-categorias li a:hover
{ background:#EEE; border-radius:2px; color: #333; margin:0; padding:2px 8px; }
#articulos .txt-blog .date-blog .tag-date,
#articulos .txt-blog .date-blog .tag-cat { margin-left:2px;}

#articulos .txt-blog li { line-height:24px; list-style:none; margin-left:20px; }

#articulos .txt-blog p, #articulos .txt-blog li {font-size:16px; line-height:26px; }
#articulos .txt-blog img, #articulos .txt-blog .video {
background:#FFF; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.2); margin:10px 0; overflow:hidden; padding:2%; width:96%;}
#articulos .txt-blog .btn-blog { display:block; float:right; margin:10px 0 0; text-transform:uppercase; text-align:center; width:100px;}
#articulos .txt-blog .btn-blog a{  color:#FFF;  }
#articulos .txt-blog .btn-blog:hover{ background:#F63440; text-decoration:none; }

#articulos .txt-blog .video { position: relative; padding-bottom: 56.25%; padding-top: 30px;  height: 0;  overflow: hidden; }
#articulos .txt-blog .video iframe,
#articulos .txt-blog .video object,
#articulos .txt-blog .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#articulos h3, 
#right-blog h3 {background:#333; color:#FFF; font-size:23px; font-weight:300; line-height:normal; margin:0 0 20px; padding:10px;}

#articulos .txt-blog h3 a, #right-blog h3 a { color:#FFF; text-align:center;} 
#articulos .txt-blog h3 a:hover, #right-blog h3 a:hover { color:#c8f255; text-decoration:none; text-shadow:1px 1px 5px rgba(0,0,0,0.25); } 

#right { float:right; padding:1% 2% 1% 0; width:23%; }
#right h2 { border-bottom:1px solid #F63440; color:#F63440; margin-bottom:40px; padding:10px 0; font-size:23px; font-weight:300; text-align:center; width:100%; }

#menu-productos { margin:20px 0;}
#menu-productos ul { list-style:none; }
#menu-productos ul li { font-size:16px; line-height:40px; margin-bottom:5px; }
#menu-productos ul li a { color:#F03; }
#menu-productos ul li a:hover {  text-decoration:none;}

#menu-productos ul ul { list-style:none; }
#menu-productos ul ul li { line-height:30px; margin:0; }
#menu-productos ul ul li a { color:#222; display:block; padding: 0 0 0 20px}
#menu-productos ul li a:hover { color:#F63440; }

#right .botones { display:block; clear:both; }
#right .botones .boton {overflow: hidden;}
#right .botones .boton a{ background:#F63440; color:#FFF; padding:5px 15px }
#right .botones .boton a:hover{ background:#c8f255; color:#FFF; border:#060 5px solid;}

/* Shopping Cart
/* ========================================================================== */
.shopping-cart .products {
  margin: 20px 0;
}
.shopping-cart .products .media { clear:both; margin-bottom:10px; overflow:hidden;}
.shopping-cart .products .media-heading {font-size: 14px; font-weight: bold; margin:0; text-align:left; }
.shopping-cart .products .media-heading a { text-decoration: none; color: #333; }
.shopping-cart .products .media-heading a:hover { color: #F63440; }
.shopping-cart .media-object { background:#FFF; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.25); margin:5px; padding:5px; width: 70px; }
.shopping-cart .media-object img{ width: 100%; }
.shopping-cart .media-body{ margin-left:10px; }
.shopping-cart .subtotal{ margin-left:10px; }
.shopping-cart .remove { background:#E05; border-radius:8px; height:15px; margin-left:5px; padding:0 1px 1px; width:14px;}

.shopping-cart .buttons {  margin-bottom: 0 0 0 10px; }
.shopping-cart .buttons .btn { background:#F63440; color:#FFF; font-size: 13px; padding: 10PX 15px; }
.shopping-cart .buttons .btn:hover { background: #333; }


#right-blog { background: rgba(255,255,255,0.5); border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.25); float:right; width:30%; margin:1.5% 2% 2% 0; padding:1.5%;}
#right-blog .blog-categorias, #right-blog .blog-archivo { margin:1% auto 5%; padding:0 5%; width:90%;}

#right-blog .blog-categorias a, 		#right-blog .blog-archivo a { color:#111;}
#right-blog .blog-categorias a:hover, 	#right-blog .blog-archivo a:hover { color:#333; text-decoration:none;}
#right-blog .blog-archivo ul { margin-left:20px;}

/* Sidebar */
/*.sidebar-right { background: #ffffff url('../images/backgrounds/sidebar.gif') repeat-y 74.6% 0 !important;}*/
.title-sidebar{
    color: #272727;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
}
#sidebar{
    font-size: 14px;
    position: relative;
    z-index: 1;
    margin-top: 70px;
}
#sidebar h4{
    font-size: 15px;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding-right: 15px;
}
#sidebar .title-divider{margin-bottom: 10px !important;}
#sidebar .title-divider h4 {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #FFFFFF;
    display: block;
    margin-bottom: 25px;
    padding: 20px 50px 20px 30px;
    text-transform: none;
}
#sidebar .title-divider .title-prefix-right {
    background: url("../images/icons/nav-right-prefix.png") no-repeat scroll 0 0 transparent;
    height: 9px;
    right: -45px;
    position: absolute;
    top: -9px;
    width: 15px;
    z-index: 1001;
}
#sidebar .divider-arrow{top: 10px !important;}
#sidebar li{
    list-style: none;
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 1px dotted #f2f2f2;
}

#sidebar section{margin-bottom: 30px;}
#sidebar section:last-child{margin-bottom:0px;}
#sidebar .ul-col2{width: 110.9489051094891%;}
#sidebar .ul-col2 li{
    float: left;
    width: 40.13157894736842%;
    margin-right: 09.86842105263158%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #f2f2f2;
}
#sidebar .ul-col2 a{color: #888;}
#sidebar .ul-col2 a:hover{color: #222;}

#sidebar .recent-comments {}
#sidebar .recent-comments ul li {
    border: none;
    padding: 0 0 10px 25px;
    margin: 0;
    background: url('../images/icons/recent-comment.png') no-repeat 0 3px ;
}

#sidebar .blog-category {}
#sidebar .blog-category ul{}
#sidebar .blog-category ul li{
    border: none;
    padding: 0 0 10px 25px;
    margin: 0;
    background: url('../images/icons/flex-control-nav.png') no-repeat 0 5px ;
}
#sidebar .blog-category ul li a{}

#sidebar section {padding-left: 10px;}
#sidebar .title-divider {margin-left: -10px;}

#sidebar.alignleft section {padding-left: 0;}
#sidebar.alignleft .title-divider {margin-left: 0;}
#sidebar.alignleft .title-divider h4 {margin-right: 0; box-shadow: 2px -2px 0 #E2E3E1; margin-left: -45px;}
#sidebar.alignleft .title-prefix {
    top: -9px;
}

#sidebar .carousel-inner {border: solid 5px #DBDBDB; margin-left: -10px;}
#sidebar .carousel-control.left {bottom: 5px; right: 22px;}
#sidebar .carousel-control.right {bottom: 5px; right: 5px; }

.sidebar-border {
    border-left: solid 1px #E5E5E5;
    height: 100%;
    position: absolute;
    top: 0;
    right: 45px;
    z-index: 0;
}
.sidebar-border-right {
    border-right: solid 1px #E5E5E5;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
}
/* Tags Widget */
#tags a{
    color: #888;
    font-size: 12px;
    letter-spacing: 0.02em;
    padding: 2px 5px;
    margin: 0 5px 5px 0;
    display: inline-block;
    border: 1px solid #e8e8e8;
}

#tags a:hover{
    color: #fff;
    border-color: #ffa071;
    background-color: #ffaf88;
}

/* Flickr Widget */
.sidebar-flickr ul{width: 110.9489051094891%;}
.sidebar-flickr li{
    border: 0;
    float: left;
    padding: 0 !important;
    border-bottom: none !important;
    margin-bottom: 03.28947368421053% !important;
    margin-right: 03.28947368421053% !important;
    height: 20.06578947368421% ;
    width: 20.06578947368421% ;
}

#sidebar .sidebar-flickr {}
#sidebar .sidebar-flickr li {}
#sidebar .sidebar-flickr li a {display: block; border: solid 5px #dbdbdb;}
#sidebar .sidebar-flickr li a:hover {border-color: #333;}

/* Latest Projects Widget */
.carousel{margin-bottom: 0;}
.carousel-control{
    border: none;
    position: absolute;
    top: inherit;
    left: inherit;
    bottom: 0;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.carousel-control.post{top: 50%;}
.carousel-control.left.post{left: 0;}
.carousel-control.left{
    right: 17px;
    background: url(../images/arrow-blog-left.png) no-repeat center center;
}
.carousel-control.right{
    right: 0;
    background: url(../images/arrow-blog-right.png) no-repeat center center;
}

/* Comments Widget */
.comment-sidebar li:last-child{margin-bottom: 0 !important;}


/*-----------------------------------------------------------------------------------*/
/*	7.	Blog Styles
/*-----------------------------------------------------------------------------------*/

.blog-post h2.post-title{margin-bottom: 10px;}
.blog-post h2.post-title a{line-height: 25px;}
.blog-post h2 {color: #2e2e2e; margin-bottom: 5px;}
.blog-post h2 a {color: #2e2e2e;}
.blog-post h2 a:hover {color: #333;}
.blog-post .img-w-border {
    display: block;
    border: solid 5px #dbdbdb;
    margin-bottom: 30px;
}
.blog-post .img-w-border:hover {
    border-color: #333;
}
.blog-post .img-w-border img {
    margin: 0;
}
.blog-post img {
    margin-bottom: 30px;
    display: block;
}
.blog-post .meta{
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #b0b0b0;
}
.blog-post .meta li{
    list-style: none;
    margin-right: 10px;
    float: left;
    letter-spacing: 0.03em;
}
.blog-post.style2 img{
    width: 50%;
    float: left;
    margin-right: 25px;
}
.blog-post.style2 .carousel,
.blog-post.style2 .video{
    width: 50%;
    float: left;
    margin-right: 25px;
}
.blog-post.style2 .carousel img{width: 100%;}
.blog-post.style2 p{padding-top: 30px;}
.blog-post.style2 .meta{border: none;}

/* About Us Block */
.aboutus{margin-bottom: 35px;}
.aboutus h3{
    margin-bottom: 0;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
}
.aboutus .color2{font-weight: 400;}
/* Services Block */
.ident-bot-2 {margin-bottom: 17px;}
.figure-1 a.left-image {
    margin-right: 17px;
}
.lightbox-image {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.lightbox-image img { position:relative; z-index:2; }
.img-border-bg {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 0 1px #E7E7E7 inset;
    display: inline-block;
    padding: 5px;
}
.img-border {
    width: 100%;
}
.lightbox-image span {
    background: url("../images/magnify.png") no-repeat scroll 50% 50% transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.service {
    margin:0 5px 10px 0;
}

.features-list {
    list-style: none outside none;
}
.features-list > li {
    font-size: 12px;
}
.features-list > li > a {
    color: #FFF!important;
}
.features-list > li > a:hover {
    color: #F !important;
}
.features-list span {
    color: #8A8989;
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: none;
}
/*-----------------------------------------------------------------------------------*/
/*	8.	Forms  /  Buscador
/*-----------------------------------------------------------------------------------*/

.af-form  input[type="text"]{
	border-radius:0 5px 5px 0;
    color: #777;
    font-size: 12px !important;
    padding: 6px;
    height: 25px;
    box-shadow: none;
    margin-top: 0;
    height: 35px !important;
    margin-bottom: 0;
    border:1px solid #333;
}

.af-form input[type="text"],
.af-form select,
.af-form textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #f9f9f9;
}

.af-form input[type="text"]:focus,
.af-form select:focus,
.af-form textarea:focus{
    -webkit-box-shadow: 0px 0px 3px 0px #f0f0f0;
    box-shadow: 0px 0px 3px 0px #f0f0f0;
    background-color: #fcfcfc !important;
}

.af-form textarea{
    color: #777;
    font-size: 12px !important;
    padding: 5px;
    height: 160px !important;
    overflow: auto;
    border:1px solid #ececec;
    width: 100%;
}

.af-outer {margin-bottom:15px;}

label.error, label.ferror{
    color: #dc3f35;
    font-size: 13px;
}

.af-form input.error,
textarea.error {border: 1px solid #ff3f3f;}

.af-inner.mid{
	width: 49%;
	float: left;
}

#progress{
    margin-top: 15px;
}

.af-form .btn-large {
    font-size: 40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 15px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.af-form .icon-more-big {
    background: url('../images/btn-more-big.png') no-repeat 0 0;
    width: 31px;
    height: 29px;
    margin-top: 14px;
    margin-left: 10px;
}
.af-form .btn-success {
    background: #333;
}
.af-form .btn-success:hover {
    color: #ffffff !important;
    background-color: #b2cc00;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Comments
/*-----------------------------------------------------------------------------------*/
.comments .textarea {
    border: 1px solid #EDEDED;
    margin-bottom: 40px;
    margin-left: 94px;
    padding: 10px 20px;
    position: relative;
}
.comments .avatar{
    position: relative;
    float: left;
    margin-right: -5px;
}
.comments .comments-list{
    list-style: none !important;
}
.comments .comments-list ul{
    margin-left: 30px;
    margin-bottom: 20px;
}
.comments .meta{
    font: 12px 'Open Sans', serif;
    color: #666666;
    padding-bottom: 8px;
    margin-bottom: 10px !important;
    border-bottom: 1px dotted #e2e2e2;
}
.comments ul ul .textarea {margin-top:-20px;}


/*-----------------------------------------------------------------------------------*/
/*	10.  Thumbnails
/*-----------------------------------------------------------------------------------*/
.da-thumbs li,
.da-thumbs article,
.da-thumbs.portfolio span{
    overflow: hidden;
    position: relative;
}
.da-thumbs li img,
.da-thumbs.portfolio span{
    display: block;
    position: relative;
}
.da-thumbs li div,
.da-thumbs article div{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
.da-thumbs li div.da-animate,
.da-thumbs article div.da-animate {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.da-slideFromTop {
    left: 0px;
    top: -100%;
}
.da-slideFromBottom {
    left: 0px;
    top: 100%;
}
.da-slideFromLeft {
    top: 0px;
    left: -100%;
}
.da-slideFromRight {
    top: 0px;
    left: 100%;
}
.da-slideTop {
    top: 0px;
}
.da-slideLeft {
    left: 0px;
}

/*-----------------------------------------------------------------------------------*/
/*	11.	Shortcode Styles
/*-----------------------------------------------------------------------------------*/
.span9,
.span6{position: relative;}

/* Divider */
.divider-arrow, hr, .divider{
    height: 1px;
    clear: both;
}
.content-hr {background: #ffffff;}
.content-hr hr {margin: 0;}
#contenedor hr{
    margin: 40px 0 15px;
}

#contenedor hr.soft {margin:10px 0;}

#contenedor .portfolio-single hr, #contenedor .blog-single hr{
    margin-top: 10px;
    margin-bottom: 15px;
}

/* Read More */

.btn {
    background:#333;
	border:none;
	border-radius:3px;
    color: #FFF;
    display: inline;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    padding: 12px 15px;
}
.btn:hover {
    background:#F63440;
    color: #FFF;
	text-decoration:none;
}
.ver-mas {
    background:#333;
	border:none;
	border-radius:3px 0 0 3px;
    color: #FFF;
    display: inline;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    padding: 7px 15px 8px;
}
.ver-mas:hover {
    background:#F63440;
    color: #FFF;
	text-decoration:none;
}

/* Portfolio */
.portfolio h4 a{
    color: #444;
    text-align: center;
    padding: 7px 10px;
    display: block;
    text-transform: none;
    background-color: #fcfcfc;
    border-bottom: 1px solid #eeeeee;
}
.portfolio h4 a:hover{
    color: #fff;
    background-color: #ffaf88;
    border-bottom: 1px solid #f79f73;
}

/* Back to Top */
#toTop {
    background: url("../images/ui.totop.png") no-repeat scroll left top transparent;
    border: medium none;
    bottom: 6px;
    display: none;
    height: 40px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: -999px;
    width: 40px;
    z-index: 1;
}
#toTopHover {
    background: url("../images/ui.totop.png") no-repeat scroll left -40px transparent;
    display: block;
    float: left;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    width: 40px;
}
#toTop:active, #toTop:focus {
    outline: medium none;
}

/* Others */
.dropcap{
    width: 38px;
    height: 38px;
    line-height:38px;
    float: left;
    margin-right:15px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 22px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-color: #FB8B54;
}


blockquote {
    border-left: 3px dotted #E1E1E1;
    margin: 20px 0;
    padding: 10px 10px 10px 30px;
}

blockquote p {
    color: #595959;
    font-family: Arial,sans-serif;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 30px;
}

.left { float:left;}
.right { float:right;}
.center { text-align:center; }

.ui-datepicker{
	font-size: 11px !important;
}

.evento{
	background:rgba(0,0,0,0.5);

	margin:2%;
	overflow:hidden;
	padding:1%;
	width: 94%;
}
.evento ul { list-style:none; }

.nav-tabs > li { color:#000;}
.nav-tabs > li > a { color:#333;}
.nav-tabs > li > a:hover { color:#F63440;}
.nav-tabs li .active { color:#F63440;}



/* Productos Flexlider*/
.productos {
	background:rgba(255,255,255,0.5);
	clear:both;
	display:block;
	padding:2%;
	max-width: 1000px; 	 
	width: 100%;
}
.productos h2 {
	background:url(../images/sombra.png) top center no-repeat;
	background-size:100%;
	display:block;
	font-weight:300;
	margin:0;
	padding:2%;
}
.productos li {
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
	background:none;
	border-radius: 50%;
}

.productos li{ margin:1px;}
.productos li:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.productos li img.color-img {
    opacity:1;
	top:0;
	left:0;
	display:none;
	position:absolute;
}
.productos li:hover img.color-img { 
	display:block; 
	border-radius: 50%;
}
.productos li img {
    filter:none; /* IE6-9 */
	float:none !important;
	margin:0 auto !important;
}
.productos li img:hover {
    filter:none;
}

#w-productos-flexslider {
	background:rgba(255,255,255,0.5);
	clear:both;
	display:block;
	padding:2%;
	max-width: 1000px; 	 
	width: 100%;
}