/**************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: ASDE Commercial
/*
/**************************************************************************************/


.mod-custom__stories
{
	background-image: url("../images/window.bg.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 22px;
}

.mod-custom__stories #wrap
{
	background: url("../images/imagedoc.png");
	border-radius: 20px;
}

.mod-custom__stories #wrap p
{
	padding: 40px 25px 45px;
	color: #fff;
}

.mod-custom__stories #wrap p small
{
	margin-top: 15px;
	color: #333333;	
}

/*******************************************************************************************/

.list1 li
{
	list-style: none outside none !important;
	padding: 0;
}

.list1 li a,
.blue
{
	background: url("../images/bulet.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
	color: #6A6861 !important;
	display: block;
	font-size: 13px !important;
	line-height: 25px;
	padding: 0 0 0 27px;
}

.list1 li a:hover
{
	background: url("../images/bulet.png") no-repeat scroll 0 -47px rgba(0, 0, 0, 0);
	color: #07B4F4 !important;
	text-decoration: none;
}


/*********************************************************************/


#solution ul
{
	margin: 0px;
}

#solution li
{
	float: left;
	height: 245px;
	list-style: none outside none !important;
	margin: 10px 0 40px 10px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	width: 260px;
	line-height: 16px !important;
	cursor: pointer;
}

#solution li:hover .mosaic
{
	bottom: 0px;
	transition: 1s;
}

element.style
{
}

.mosaic a,
.mosaic a:hover
{
	color: #FFFFFF !important;
}

.mosaic
{
	background-color: #0BB9F5;
	bottom: -200px;
	color: #FFFFFF;
	left: 0;
	padding: 10px;
	position: absolute;
	height: 230px;
}

.mosaic-block h2
{
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.mosaic-img
{
	display: block;
	height: 100%;
	top: 0;
	width: 100%;
}

.mosaic-img img
{
	width: 100%;
	padding: 0px;
	border:none;
}

/******************************************************************************/

.all-partners .mod-custom
{
}

.all-partners .block
{
	float:left;
	widht:100%;
}

.all-partners .block ul
{
	float:left;
	padding-right:80px;
}

.all-partners .block ul li
{
	list-style:none;
}

/********************************* SUNUNK CUSTOM STYLES********************/
/*
 * @author ( Glifik )
*/
div#header-row div.container div.row header{
	height: 150px;
	margin: 0 auto;
	width: 960px;
}
div#footer-bottom-row,
.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container,
.span10 {
	width: 960px;
} 
div#fb-area{
	width: 960px;
}
.row {
	margin-left: 0;
}	
[class*="span"] {
	margin-left: 0;
}
#navigation-row .container {
	padding: 0;
}
div#navigation-row div.container div.row{
	background:#FA9D1C;
}
.moduletable.navigation {
	width: 960px;
}
div#as-menu.menu-wrapper ul#menu_1.as-menu{
	background: #ab1e22 none repeat scroll 0 0;
	font-size: 16px !important;
	height: 42px;
	margin: 0 auto;
	width: 938px;
}
/*#as-menu #menu_1, #as-menu ul#menu_1.as-menu ul {
	border-radius: 15px !important;
}
ul#menu_1.as-menu li.firstItem,
ul#menu_1.as-menu li.active.firstItem{
	border-radius:15px 0 0 15px;
}
ul#menu_1.as-menu li.lastItem,
ul#menu_1.as-menu li.active.lastItem{
	border-radius:0 15px 15px 0;
}
*/

#menu_1 > li.item-106 > ul > li a{
	width:170px;
}

ul#menu_1.as-menu li ul.sub-menu li.firstItem,
ul#menu_1.as-menu li ul.sub-menu li.lastItem{
	border-radius:0;
}
#as-menu ul#menu_1.as-menu ul {
  border-radius: 0 !important;
}
ul#menu_1.as-menu li ul.sub-menu{
	top:42px;
}
ul#menu_1.as-menu li ul.sub-menu li,
ul#menu_1.as-menu li ul.sub-menu li ul.sub-menu li {
	height: 42px;
}
ul#menu_1.as-menu li.item-104 ul.sub-menu li ul.sub-menu{
	width:236px !important;
}
div#content-row div.container{
	padding: 0;
	background:#FA9D1C;
}
.span12{
 width:960px;
}
.theme-bar.slider-wrapper {
  border: 0 none;
}
#navigation-row .moduletable.navigation {
  margin-bottom: 15px;
}
div.vt_nivo_slider,
div#system-message-container,
div#component div.page-item.page-item__
 {
	margin: 0 auto;
	width: 90%;
}
div#contact-info h2,
div.page-item div h1,
div.page-item div h2 {
  color: #8f7b32;
  font-family: "Lancelot",cursive,verdana,arial,helvetica;
  font-size: 36px;
  font-style: normal;
  font-weight: bold;
  line-height: 40px;
  padding-top: 0;
  text-align: left;
}
div.p-left, div.p-right {
  float: left;
  max-width: 47.5%;
}
div.p-right {
  margin-left: 5%;
}

p, table.demoTbl tbody tr td, table.demoTbl tbody tr th, #main p, #products td, #products th {
  color: #ffffff;
  font-family: verdana,arial,helvetica;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: justify;
}
div#footer{
	background: #616f31 url("../images/footer.jpg") no-repeat scroll 50% 0;
	height: 200px;
}
div#footer-bottom-row{
	margin:0 auto;
}
p#copyright {
  float: left;
  padding: 140px 0 0 40px;
  font-size: 0.8em;
}
p#design {
  float: right;
  font-size: 0.8em;
  padding: 140px 40px 0 0;
}
.mod-ext-zaccordion {
  margin: 0 auto;
}
h3{
	color: #ffffff;
	font-family: cursive,verdana,arial,helvetica;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
}
ul li span{
	font-size: 14px !important;
	font-style: italic;
}
ul li {
	  color: #fff;
	  font-family: verdana,arial,helvetica;
	  font-size: 12px;
	  font-weight: normal;
	  line-height: 22px;
	  list-style-type: square;
	  padding-left: 20px;
	  text-align: justify;
}
a.listado-precios {
  background: #8f7b32 none repeat scroll 0 0;
  border: medium none;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  margin: 4px 0;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.4s;
}
a.listado-precios:hover {
  background: #fff none repeat scroll 0 0 !important;
  color: #8f7b32 !important;
}
/*************** Content slider ****************/
/*
essential styles:
these make the slideshow work
*/
#slides{
    height: 578px;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}
.slideContent{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing{
    opacity: 1;
    z-index: 2;
}
/*
non-essential styles:
just for appearance; change whatever you want
*/

.slideContent{
    font-size: 40px;
    padding: 0;
    box-sizing: border-box;
    color: #fff;
}
/** End Content slider ****************/
ul#slides li.slideContent{
	list-style: outside none none;
}
table#productos tbody tr td {
  color: #ffffff;
  font-family: verdana,arial,helvetica;
  font-size: 14px;
}
table#productos tbody tr td {
  color: #ffffff;
  font-family: verdana,arial,helvetica;
  font-size: 14px;
  padding-right: 10px;
  vertical-align: bottom;
}
table#productos {
  margin: 30px 0;
}
h4 {
  color: #8f7b32;
  font-family: "Playball",cursive,verdana,arial,helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  text-align: left;
}
p#presentaciones a {
  color: #fff;
}	
p#presentaciones a:hover {
    color: #57642E;
}		
/* ** Contact Form   ** */
div.contact-form {
  max-width: 570px;
}
.contact form {
    	color: #8F7B32;
	background:#F99D1C;
}

.contact input {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #8F7B32;
    width: 415px;
}

textarea#jform_contact_message {
    color: #8F7B32;
    width: 415px;
}

div.contact div.contact-form form#contact-form.form-validate fieldset dl dd input#jform_contact_email_copy {
    height: 14px;
    width: 14px;
}

#header form .button {
    	background: none repeat scroll 0 0 #8F7B32;
    	border: 0px;
    	color: #FFFFFF;
	text-transform: capitalize;	
}

div#slider p {
    color: #fff;
    font-family: 'Noticia Text',cursiva,arial,verdana,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    text-align: left;
}

div#slider p a{
	color:#6F7630;
}

/* ** Termina Contact Form   ** */
/*Table*/
table.demoTbl,
#products {
    border-collapse: collapse;
    font-size: 0.93em;
}
table.demoTbl{
    width: 100%;
}

#products {
	margin: 0 auto;
	table-layout: fixed;
	width: 660px;
}
table.demoTbl tbody tr th,
#products td, #products th {
    border: 1px solid #CD994D;
    padding: 12px 6px;
    /*text-align: center;*/
    color:#fff;
}
table.demoTbl tbody tr td{
	border-left:1px solid #CD994D;
	border-right:1px solid #CD994D;
	 padding: 8px;
    text-align: left;
    color:#fff;
    vertical-align: bottom;
}
/*#products tr:nth-child(even){background-color: #F6B466;}*/
table.demoTbl tbody tr:hover,
#products tr:hover {background-color: #EF7512;}
table.demoTbl tbody tr th,
#products th {
    background-color: #6f7630;
	color: white;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top: 12px;
}
/*end Table*/
/*Tabs*/
ul.tab {
/*background-color: #8f7b32;*/
list-style-type: none;
margin: 0 !important;
overflow: hidden;
padding-left: 0 !important;
}

/* Float the list items side by side */
ul.tab li{
border: 1px solid #8f7b32;
float: left;
list-style-type: none !important;
}

/* Style the links inside the list items */
ul.tab li a {
		background: #6f7630 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 17px;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

/* Change background color of links on hover */
/*ul.tab li a:hover {
    background-color: #ddd;
}*/

/* Create an active/current tablink class */
/*ul.tab li a:focus, .active {
    background-color: #ccc;
}*/
ul.tab li a.tablinks.active{
	background:#8F7B32;
	color:#fff;
}
/* Style the tab content */
.tabcontent {
    animation: 1s ease 0s normal none 1 running fadeEffect;
	background: #8f7b32 none repeat scroll 0 0;
	border: 1px solid #8F7B32;
	display: none;
	/*max-width: 412px;*/
	min-height: 312px;
	padding: 0;
}
div.tabcontent h3,
div.tabcontent p{
	text-align:center !important;
}
div.tabcontent p{
	margin-bottom:30px;
}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
div#Pedido.tabcontent a:link, div#Pedido.tabcontent a:visited {
    background-color: #ffffff;
	color: #333333;
	display: block;
	margin: 20px auto;
	padding: 14px 25px;
	text-align: center;
	text-decoration: none;
}


div#Pedido.tabcontent a:hover, div#Pedido.tabcontent a:active {
    background-color: #F99D1C;
}

div#Pedido.tabcontent a{
	background: #ab1e22 url("../images/order.png") no-repeat scroll center bottom;
	height: 178px;
	width: 125px;
}
/*end Tabs*/

/********************* MODAL **********************************/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 25% !important;
    width: 100%; /* Full width */
    height: 90%; 
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
	border: 1px solid #888;
	margin: auto;
	max-width: 420px;
	padding: 20px;
}
div#myModal3.modal div.modal-content p,
div#myModal2.modal div.modal-content p,
div#myModal.modal div.modal-content p{
	color: #616f31;
}
div#myModal.modal div.modal-content p{
	margin-top: 15px;
}
/* The Close Button */
.close,.close2,.close3 {
    color: red;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,.close2:hover,.close3:hover,
.close:focus,.close2:focus,.close3:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
div#boton a,
button#myBtn,button#myBtn2,button#myBtn3{
border: medium none;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: normal;
margin: 4px 2px;
padding: 12px 16px;
text-align: center;
text-decoration: none;
transition-duration: 0.4s;
}
.button1 {
    background-color: white; 
    color: #616F31; 
   
}
.button1:hover {
    background-color: #616F31;
    color: white;
}
div#boton a,
.button2 {
    background-color: #AC1719; 
    color: white; 
    
}
div#boton a:hover,	
.button2:hover {
    background-color: white;
    color: #AC1719;
}

/*imageModal*/
#myImgModal {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImgModal:hover {opacity: 0.7;}
/*end imageModal*/

/**************************************end MODAL*/
ul.tab li{
 padding:0;
}
ul.tab li a:hover, ul.tab li a:focus {
  background: #8f7b32 none repeat scroll 0 0 ;
  color: #fff;
}
div#Cahabon.tabcontent p span a,
a:link {
  color: #864d19;
  font-weight: bold;
  text-decoration: none;
}
div#Cahabon.tabcontent p span a:hover{
	color:#fff;
}
div#img-inup p img{
	
}
button.readMore {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}
button.readMore:hover {
  cursor: pointer !important;
  text-decoration: underline !important;
}
ul#menu_1.as-menu li.firstItem{
	margin-left:5px;
}
ul#menu_1.as-menu li ul.sub-menu li.firstItem{
	margin-left: 0;
}
div#contact-info{

}
div.page-item div p a,
div#contact-info p a {
  color: #6f7630;
}
div.page-item div p a:hover,
div#contact-info p a:hover, div#contact-info p a:focus {
  color: #fff;
}
form#contact-form.form-validate fieldset div div label,
form#contact-form fieldset p i.muted,
div.contact_details{
	color:#fff;
}
div#nuestra-empresa div#img-inup p,
div#nuestra-region div#img-inup p{
	display: inline;
	float: left;
	margin: 4px;
	width: 32%;
}
div#nuestra-region div#txt-inup p,
div#nuestra-empresa div#txt-inup p{
	display:inline-table;
}
/**** orderForm *****/
table.demoTbl {
  width: 100%;
}
table#products thead tr th{
	text-align:center;
}
table.demoTbl, #products {
  border-collapse: collapse;
  font-size: 0.93em;
}
table.demoTbl tbody tr {
  border-right: 1px solid #cd994d;
  height: 45px;
}
table.demoTbl tbody tr th, #products th {
  background-color: #6f7630;
  color: white;
  font-weight: bold;
  padding-bottom: 12px;
  padding-top: 12px;
}
table.demoTbl tbody tr th, #products td, #products th {
  border: 1px solid #cd994d;
  color: #fff;
  padding: 12px 6px;
}
table.demoTbl tbody tr td, table.demoTbl tbody tr th, #main p, #products td, #products th {
  color: #ffffff;
  font-family: verdana,arial,helvetica;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
}
table#products tbody tr td ul{
	margin-left: 0;
}
table#products tbody tr td ul li{
	padding-left:0px;
	list-style-type: none;
}
/**** End orderForm *****/

/****************** Responsive  **************************************/
select {
  background-color: #ab1e22;
  border: 1px solid #fff;
}
.select-menu {
  
}
@media screen and (min-width: 1024px) {
	ul#menu_1.as-menu li a {
		font-size:18px;
		padding:10px;
	}
	ul#menu_1.as-menu li a:link, ul#menu_1.as-menu li a:hover, ul#menu_1.as-menu li a:visited {
	  line-height: 14px;
	}
}
@media screen and (max-width: 1023px) {
    body {
        /*background-image: none;*/
    }
    .container{
		margin:0 auto;
	}
	ul#menu_1.as-menu li a {
		font-size:18px;
		padding:10px;
	}
	div#header-row div.container div.row header {
		  height: auto;
		  width: auto;
	}
    div.vt_nivo_slider{
		width: 100%;
	}
	div.p-left, div.p-right {
	  float: none;
	  max-width: 100%;
	}
	div.p-right {
    margin-left: 0;
	}
	div#contact-info h2, div.page-item div h1, div.page-item div h2 {
	  font-size: 32px;
	  line-height: 36px;
	  margin-top: 10px;
	}
	div#nuestra-empresa div#img-inup p, div#nuestra-region div#img-inup p {
		width: 32%;
	}
	
}
@media screen and (max-width: 960px) {
   
   div#footer,
    .span12,
    .moduletable.navigation,
    div#footer-bottom-row, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span10 {
		width: 720px;
		margin: 0 auto;
	}
	div#fb-area{
		width: 720px;
	}
	div#as-menu.menu-wrapper ul#menu_1.as-menu{
		margin: 0 auto;
		width: 720px;
	}
	div#footer {
		background-size: 1600px auto;
	} 
	#slides {
		height: 288px;
	}
	
	form#contact-form.form-validate,
	form#contact-form.form-validate fieldset,
	form#contact-form.form-validate fieldset div.row-fluid,
	form#contact-form.form-validate fieldset div.row-fluid div.span5,
	form#contact-form.form-validate fieldset div.row-fluid div.span5 div.controls,
	form#contact-form.form-validate fieldset div.row-fluid div.span5 div.controls input{
		width:380px;
	}
	ul#menu_1.as-menu li a {
	  font-size: 13px;
	  height: 25px;
	  line-height: 20px;
	}
	}
	/*ul#menu_1.as-menu li a:link, ul#menu_1.as-menu li a:hover, ul#menu_1.as-menu li a:visited {
	  height: 25px;
	}*/
	/*div#slider-row div.container,
	#slider-row {
	  height:225px;
	}*/
}
@media (max-width: 768px) {

}
@media screen and (max-width: 700px) {
	div#footer,
    .span12,
    .moduletable.navigation,
    div#footer-bottom-row, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span10 {
		width: 590px;
		margin:0 auto;
	}
	div#fb-area{
		width: 590px;
	}
	div#nuestra-empresa div#img-inup p, div#nuestra-region div#img-inup p {
		width: 31%;
	}
}
@media screen and (max-width: 550px) {
   div#footer,
    .span12,
    .moduletable.navigation,
    div#footer-bottom-row, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span10 {
		width: 470px;
	}
	div#fb-area{
		width: 470px;
	}
	div#footer {
		background-size: 960px auto;
	} 
	#slides {
		height: 288px;
	}
	.mod-ext-zaccordion ul,
	.mod-ext-zaccordion{
		display: none;
	}
	form#contact-form.form-validate,
	form#contact-form.form-validate fieldset,
	form#contact-form.form-validate fieldset div.row-fluid,
	form#contact-form.form-validate fieldset div.row-fluid div.span5,
	form#contact-form.form-validate fieldset div.row-fluid div.span5 div.controls,
	form#contact-form.form-validate fieldset div.row-fluid div.span5 div.controls input{
		width:380px;
	}
	div#nuestra-empresa div#img-inup p, div#nuestra-region div#img-inup p {
		width: 95%;
	}
}
@media screen and (max-width: 360px) {
   div#footer,
    .span12,
    .moduletable.navigation,
    div#footer-bottom-row, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span10 {
		width: 350px;
	}
	div#fb-area{
		width: 350px;
	}
	div#footer {
		background-size: 816px auto;
	} 
	#slides {
		height: 200px;
	}
	form#contact-form.form-validate,
	form#contact-form.form-validate fieldset,
	form#contact-form.form-validate fieldset div.row-fluid,
	form#contact-form.form-validate fieldset div.row-fluid div.span5,
	form#contact-form.form-validate fieldset div.row-fluid div.span5 div.controls,
	form#contact-form.form-validate fieldset div.row-fluid div.span5 div.controls input{j
		width:254px;
	}
	
}

@media screen and (max-width: 320px) {
   div#footer,
    .span12,
    .moduletable.navigation,
    div#footer-bottom-row, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span10 {
		width: 320px;
	}
	div#fb-area{
		width: 320px;
	}
}
#logo a {
  display: inline;
  margin: 0;
}
div#fb-area{
	position: absolute;
	top: 20px;
	z-index: 10;
}
div.fb-link{
	display: inline-block;
	float: right;
	margin-right: 5px;
	
}
div.fb-like.fb_iframe_widget{
	box-shadow: 0 3px 5px 2px #000;
	float: right;
	margin-right: 10px;
}
a#Facebook img{
	box-shadow: 0 3px 5px 2px #000;
	height: 21px;
}
a#Facebook img:hover{
	opacity:0.9;
}
.pluginButton {
  height: 28px !important;
  line-height: 28px;
}