/* Credit: http://www.templatemo.com */

/* 
Titanium Template 
http://www.templatemo.com/preview/templatemo_372_titanium 
*/

body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px; 
	background-color: #fff; 
	background-image: url(images/templatemo_header.png);
	background-position: top;
	background-repeat: repeat-x
}

h1, h2, h3, h4, h5, h6 {
	color:#555;
	font-weight:400;
	padding: 0;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
}

h1 { font-size:32px; margin-bottom: 20px; }
h2 { font-size:26px; margin-bottom: 20px; line-height: 28px }
h3 {
	font-size:18px;
	margin-bottom: 30px;
}
h4 { font-size:18px; margin-bottom: 10px; }
h5 { font-size:16px }
h6 { font-size:14px }
.header { display: block }


.left { float: left }
.right { float: right }


.float_l { float: left }
.float_r { float: right }


img { margin: 0; padding: 0}

.img_border { background: #ede8e8; padding: 4px; border: 1px solid #dcd5d5 }

.img_frame { position: relative; display: block; padding: 7px }

.img_frame span {
	position: absolute;
	top: -4px;
	left: -7px;
	z-index: 0
}

.img_frame img, .img_frame iframe {
	position: absolute;
	top: 2px;
	left: -2px;
	z-index: 10;
	width: 169px;
	height: 97px;
}

.img_frame_13 { width: 280px; height: 157px }
.img_frame_13 span { background: url(images/templatemo_image_frame_13.png); width: 300px; height: 177px }

.img_frame_14 { width: 203px; height: 108px }
.img_frame_14 span { background: url(images/templatemo_image_frame_14.png); width: 217px; height: 122px }

.img_frame_23 { width: 616px; height: 216px }
.img_frame_23 span { background: url(images/templatemo_image_frame_23.png); width: 630px; height: 230px }

.img_frame_12 { width: 451px; height: 245px }
.img_frame_12 span { background: url(images/templatemo_image_frame_12.png); width: 465px; height: 260px }

.img_nom { display: block; margin-bottom: 15px }

.img_fl { float: left; margin: 3px 15px 5px 0 }

.img_fr { float: left; margin: 3px 0 5px 15px }

a:link, a:visited { color: #dc8924; text-decoration: none}
a:hover { color: #CC3300; text-decoration:underline }
a:hover,a:active { outline:none }

a.more, .submit_btn { clear: both; display: block; width: 80px; height: 24px; line-height: 24px; text-align: center; text-decoration: none; background: url(images/templatemo_button.png) no-repeat }

.submit_btn { border: none; cursor: pointer }

em { color: #555 }
p { margin: 0 0 15px 0 }


.list_bullet { margin: 10px 0 10px 15px; padding: 0; list-style: none }
.list_bullet li { color:#555; margin: 0 0 7px 0; padding: 0 0 0 20px; background: url(images/templatemo_bullet.png) no-repeat scroll 0 5px  }
.list_bullet li a { color: #555; font-weight: normal; text-decoration: none }
.list_bullet li a:hover { color: #555 }

.col { float: left; margin: 0 30px 20px 0 }
.half { width: 465px; margin-bottom: 30px }
.one_third { width: 300px }
#content, .two-third { width: 630px }
#sidebar { width: 240px }
.one_fourth { width: 217px }

.clear { clear: both; display: block; }
.h20 { height: 20px }
.h40 { height: 40px }

.no_bullet { margin: 0; padding: 0; list-style: none }
.no_bullet li { margin: 0 0 20px 0; padding: 0 }
a.header { display: block; font-weight: 700 }

#templatemo_wrapper {
	width: 1200px;
	padding: 0 10px;
	margin: 0 auto
}

#templatemo_header {
	height: 120px;
	background:url(images/H0.jpg)
}

#templatemo_menu {
	height: 56px;
}

#templatemo_slider {
	padding: 10px 0;
	height: 450px;
	margin-top: 40px;
}

#templatemo_main {
	padding: 30px 0 20px;
}

#templatemo_bottom_wrapper {
	width: 100%;
	border-top: 5px solid #f7f5f3;
	background: #ebe7e4
}

#templatemo_bottom {
	width: 1100px;
	margin: 0 auto;
	padding: 20px 10px;
}

#templatemo_footer_wrapper {
	width: 100%;
	border-top: 5px solid #000;
	background: #222222	
}

#templatemo_footer {
	width: 1200px;
	margin: 0 auto;	
	padding: 10px 10px 5px;
	color: #dc8924;
}



* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


{
  font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
}

ul { list-style-type: none; }

a {
  color: #b63b4d;
  text-decoration: none;
}

/** =======================
 * Contenedor Principal
 ===========================*/


h1 {
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	text-align: left;
	margin-top: 20px;
}

h1 a {
  color: #c12c42;
  font-size: 16px;
}

.accordion {
  width: 100%;
  max-width: 360px;
  margin: 10px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #b63b4d; }

.accordion li.open i { color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  font-size: 14px;
}

.submenu li { border-bottom: 1px solid #4b4a5e; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #5b5858;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #b63b4d;
  color: #FFF;
}

.product_box {
	float: left;
	width: 280px;
	text-align: center;
	margin: 0 10px 10px 0;
}

.no_margin_right { 
	margin-right: 0; 
}


#content {
	width: 900px;
	background: #F5F5F5;
	border: 1px solid #fff;
	padding: 14px;
	text-align: left;
	color: #000000;
}


.float_l { float: left }
.float_r { float: right }


.pagging { margin: 0 0 20px; padding: 0 }
.pagging ul { margin: 0; padding: 0; list-style: none }
.pagging ul li { margin: 0; padding: 0; display: inline }
.pagging ul li a { float: left; display: block; color: #666; text-decoration: none; margin-left: 5px; padding: 5px 10px; background: #ebe7e4; border: 1px solid #d6d0cc}
.pagging ul li a:hover { color: #fff; background: #cfccc9; }

.no_margin_right { margin-left: 0 }
.last_box { margin-bottom: 0; background: none }