@import"reset.css";
@import"grid.css";
@import"forms.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);
body{
	background:url(../images/body-bg.jpg) no-repeat fixed;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	position:relative;
	min-width:1208px;
}
.ic {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}
html,body{height:100%;}
html {min-width:970px;}
/* Global Structure---------------------------------------- */
.main{
	margin:0 auto;
	position:relative;
	width:950px;
}
.main-bg {
	background:url(../images/main-bg.jpg) no-repeat center 0;
	min-height:100%;
}
/*----- alignment & clearing -----*/
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}

.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper{
	overflow:hidden;
	position:relative;
}
.extra-wrap{
	overflow:hidden;
	display:block;
}
/*  Header styles */
h1,h2,h3,h4,h5,h6{
	color:#97140D;
	padding:0 0 20px 0;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
	text-shadow:1px 1px #fbfbfb;
	letter-spacing:-1px;
}
h1{font-size:33px; line-height:39px;}
h2{font-size:30px; line-height:36px;}
h3{font-size:27px; line-height:32px;} 
h4{font-size:24px; line-height:30px;}  
h5{font-size:21px; line-height:26px;}
h6{font-size:18px; line-height:22px;}

h2 span {
	color:#97140D;
	text-transform:uppercase;
}

.footergridsh
{
    padding-top: 10px;
    color: black;
    font-weight: bold;
}

.headergridsh
{
    text-shadow:-3px 2px #98A1A1; 
    font-weight: bold;
}

/*----- MENU VERTICAL LUMINARIAS H -----*/
.ca-menu h2{		
	font-size: 14px;	
	line-height:26px;
	color:black;
	padding:0 0 0 0;
	font-weight:bold;
	font-family: 'Arial';	
	text-shadow:0px 0px #fff004;
	letter-spacing:0px;
}

.ca-menu h3{		
	font-size: 15px;	
	line-height:20px;
	color:#666;
	padding:0 0 0 0;
	font-weight:bold;
	font-family: 'Arial';	
	text-shadow:0px 0px;
	letter-spacing:0px;
}
/*----- MENU VERTICAL LUMINARIAS END -----*/

		/*----- MENU PRODUCTOS H-----*/
			
		.ca-menup h2{		
		font-size: 30px;			
		color:White;
		font-weight: bold;						
		font-family: 'Arial';					
		text-shadow:0px 0px;
		
		}

		.ca-menup h3{		
			font-size: 14px;	
			line-height: 42px;
			color:White;			
			font-weight:bold;
			font-family: 'Arial';						
			text-shadow:0px 0px;
		}				
		/*----- MENU PRODUCTOS END -----*/



.heading-1 {
	text-transform:uppercase;
	font-weight:bold;
	color:#97140D;
	padding:0 0 10px 0;
}
/*----- text & typography -----*/
.str-1 {
	text-transform:uppercase;
	color:#97140D;
	font-weight:normal;
}
.str-2 {
	text-transform:uppercase;
}
.str-3 {
	color:#97140D;
}
.str-4 {
	color:#454545;
	display:block;
	font-size:14px;
	padding:0 0 6px 0;
}

.str-s4{padding:20px 0 6px 0;
		color:white;}
.str4-r{font-family:arial;
		color:red;}

.quote {
	font-size:12px;
	line-height:18px;
	position:relative;
	padding:0 0 15px 0;
}

	.quote:before {
		display:inline-block;
		background:url(../images/quote-before.png) no-repeat 0 0;
		content:"";
		width:18px;
		height:14px;
		margin:0 5px 0 0;
	}
	.quote:after {
		display:inline-block;
		background:url(../images/quote-after.png) no-repeat 0 0;
		content:"";
		width:18px;
		height:14px;
		margin:0 0 0 6px;
	}
.quote-1 {
	background:url(../images/body-bg.gif);
	border-radius:6px;
	box-shadow:1px 1px 0 0 #fff;
	border:1px solid #d8d8d8;
	position:relative;
	margin:0 0 9px 0;
}
	.quote-1:after {
		display:block;
		content:"";
		background:url(../images/quote-1-marker.gif) no-repeat 0 0;
		width:22px;
		height:22px;
		right:20px;
		bottom:-22px;
		position:absolute;
	}
	.quote-1-inner {
		background:url(../images/quote-before.png) no-repeat 19px 30px;
		padding:28px 25px 29px 40px;
		position:relative;
	}
	.quote-1-inner:after {
		display:inline-block;
		background:url(../images/quote-after.png) no-repeat 0 0;
		content:"";
		width:18px;
		height:14px;
		margin:2px 0 0 3px;
	}
.def-list-1 dt {
	display:block;
	color:#97140D;
	font-size:20px;
	line-height:24px;
	text-shadow:1px 1px #fff;
	font-family: 'Open Sans', sans-serif;
	padding:18px 0 5px 0;
	word-spacing:-1px;
}
	.def-list-1 dt a {
		text-decoration:none;
	}
		.def-list-1 dt a:hover {
			color:#454545;
		}
	.def-list-1 dd.extra {padding:0 0 6px 0;}
/*----- borders & lines -----*/
.hr-border {
	height:2px;
	background:url(../images/list-1-border.gif) repeat-x 0 0;
	margin:0 5px 12px 5px;
}
.hr-border-1 {
	background:url(../images/list-1-border.gif) repeat-x 0 bottom;
	padding:0 0 10px 0;
}
.hr-border-2 {
	height:2px;
	background:url(../images/list-1-border.gif) repeat-x 0 0;
	margin:0 5px 35px 5px;
}
.hr-border-3 {
	height:2px;
	background:url(../images/list-1-border.gif) repeat-x 0 0;
	margin:0 0 27px 0;
}
/*----- boxes -----*/
.box-1 {
	background:#dcdcdc;
	border-radius:7px;
	box-shadow:1px 0 5px #bbb;
	text-align:center;
	padding:0 0 6px 0;
	margin:0 0 16px 0;
	position:relative;
	z-index:2;
}

.bx1trans{background: rgba(66, 66, 66, 0.5);
		  box-shadow: 1px 0 5px #c3bbbb;}

.box-3 {
	background:#fe9c1e;
	border-radius:7px;
	box-shadow:1px 0 5px #bbb;
	text-align:center;
	padding:0 0 6px 0;
	margin:0 0 16px 0;
	position:relative;
	z-index:2;
}
	.box-1 .inner {
		border-radius:7px 7px 0 0;
		background:url(../images/box-1-bg.gif) no-repeat center 0 #fff;
		padding:22px 25px 11px 25px;
		position:relative;
	}
	
	.box-1 .inner22 {
		border-radius:7px 7px 0 0;
		background:url(../images/box-1-bg.gif) no-repeat center 0 #fff;
		padding:22px 25px 11px 25px;
		position:relative;
		height:250px;
	}
	
	
	.box-1 h3 {padding-bottom:10px;}
.button-box {
	display:inline-block;
	background:url(../images/button-box-tail.gif) repeat-x 0 0;
	border-radius:6px;
	padding:5px 6px 0 6px;
	margin:0 0 -16px 0;
}
.btn-container {
	position:absolute;
	bottom:-6px;
	left:0;
	right:0;
	text-align:center;
}
.box-2 {
	background:url(../images/body-bg.gif);
	border-radius:6px;
	box-shadow:1px 1px 0 0 #fff;
	border:1px solid #d8d8d8;
	padding:19px 25px 29px 38px;
}
.boxes-bg {position:relative;}
.boxes-bg:after {
	display:block;
	position:absolute;
	content:"";
	background:url(../images/boxes-bg.png) no-repeat 0 0;
	left:-5px;
	top:-39px;
	width:970px;
	height:131px;
	z-index:1;
	
}
/*----- indents -----*/
.img-indent {
	float:left;
	margin:0 10px 0 0;
}
.img-indent-1 {
	float:left;
	margin:0 10px 12px 0;
}
.img-indent-bot {margin:0 0 14px 0;}


p {padding-bottom:18px;}
.p {padding-bottom:18px;}
.p0 {padding-bottom:0 !important;}
.p1 {padding-bottom:6px !important;}
.p2 {padding-bottom:12px !important;}
.p3 {padding-bottom:25px !important;}

.a1 {margin:0 5px;}
.indent-bot {margin:0 0 18px 0;}
.indent-bot-1 {margin:0 0 33px 0;}
.indent-bot-2 {margin:0 0 37px 0;}
.inner-indent {padding:20px 35px 0 0;}
.indent-top {padding-top:20px;}
.indents-1 {margin:0 40px 0 0;}
.pad-right {padding-right:20px;}
/*----- lists -----*/
.list-1 {padding:0 0 20px 0;}
.list-1 li {
	display:block;
	padding:6px 0 6px;
	background:url(../images/list-1-border.gif) repeat-x 0 0;
	line-height:18px;
}
	.list-1 li:first-child {padding:0 0 6px 0; background:none;}
	.list-1 li a {
		color:#97140D;
		display:inline-block;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		padding:0 0 0 15px;
		background:url(../images/list-1-marker.gif) no-repeat 0 6px;
	}
		.list-1 li a:hover {
			color:#454545;
		}
.list-2 {padding:0;}
.list-2 li {
	display:block;
	padding:6px 0 6px;
	background:url(../images/list-1-border.gif) repeat-x 0 0;
	line-height:18px;
}
	.list-2 li:first-child {padding:0 0 6px 0; background:none;}
	.list-2 li a {
		color:#97140D;
		display:inline-block;
		font-size:12px;
		text-decoration:none;
		padding:0 0 0 15px;
		background:url(../images/list-1-marker.gif) no-repeat 0 6px;
	}
		.list-2 li a:hover {
			color:#454545;
		}

/*----- Contacto Index -----*/
.ContentDatC{
background-color:rgb(166, 9, 26); 
padding: 1em 0;
}

.datacontBr {
    width: 20em;
    display: block;
    margin: 0.3em auto;
    font-size: 18px;
    line-height: 1.2em;
    color: #dad6d6;	
}

#Direcbr{
    font-size: 15px;
    width: 28em;
    margin-top: 2em;
}
/*----- redes sociales -----*/
.imgcnt {    
    width: 16em;
    margin: 1.2em auto
}

.imgcnt a{
margin: 0 .2em;
}

.sizeim
{
    display:inline-block; 
    width:40px; 
    height:40px;
}
/*----- redes sociales end -----*/

/*----- Btn Aviso de Privacidad -----*/
.btnaP{
display:inline-block; 
font-size:14px; 
line-height:20px; 
padding:7px 14px; 
font-family: Arial; 
color:#dad6d6; 
text-decoration:none; 
background-color: #a6091a; 
border-radius:6px; 
font-weight: bold;
}

.btnaP:hover{
 background: -webkit-linear-gradient(#272726, #a6091a);
 background: -o-linear-gradient(#272726, #a6091a);
 background: -moz-linear-gradient(#272726, #a6091a);
 background: linear-gradient(#272726, #a6091a);
 color:white;
}
/*----- Btn Aviso de Privacidad end-----*/
/*----- Contacto Index end-----*/

/*----- Visitas -----*/
.Contnviewbr{
    background-color: #a6091a;
    width: 170px;
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    color: #eae6e6;
    margin: 0 auto;    
    padding: .3em;
    border: #686a6b solid 4px        
}

.Contnviewbr:hover{
/*Reflection*/
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
		 
/*Glow*/
	-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
	-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
	box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}

/*----- Visitas end -----*/

/*----- buttons & links -----*/
a {
	color:#97140D;
	text-decoration: underline;
	cursor:pointer;
}
	a:hover {text-decoration: none;}

.button {
	display:inline-block;
	font-size:14px;
	line-height:20px;
	padding:5px 14px 6px 14px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-decoration:none;
	background:url(../images/button-tail.gif) repeat-x 0 0 #97140D;
	text-shadow:1px 1px #97140D;
	border-radius:6px;
}
	.button:hover {
		background:url(../images/button-tail.gif) repeat-x 0 bottom #97140D;
	}


.link {
	text-decoration: underline;
	color:#97140D;
	text-transform:uppercase;
	font-size:11px;
}
	.link:hover {text-decoration: none;}

/*********************************header*************************************/
header{
	position:relative;
	z-index:2;	
}
#page1 header {background:url(../images/header-bg.png) center 0 no-repeat;}
	header .inner {
		width:960px;
		margin:0 auto;
		padding:0 0 15px 0;
	}
.logo {
	display:inline-block;
	padding:0 !important;
}
.logo a {
	position:relative;
	background: url(../images/logo.png) no-repeat 0 0;
	height:141px;
	width:151px;
	overflow:hidden;
	text-indent:-99em;
	display:block;
}

.logobret{
	width:850px; 
	margin:0 auto; 
	display:table;
}

.header-meta {
	text-align:right;
	padding:31px 0 20px;
}
	.header-meta * {text-align:left;}

.header-meta .col-elem {
	display:inline-block;
	width:235px;
	text-align:right;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	line-height:21px;
	color:#454545;

	text-transform:uppercase;
	text-shadow:1px 1px #fbfbfb;
}
.header-meta .phone {
	display:inline-block;
	font-size:18px;
	line-height:22px;
	color:#97140D;
	margin:-3px 0 0 0;
}
/********************** Slider ************************/
.slides {
	width: 68%;
    z-index: 1 !important;
    display: inline-block;    
}

.slides img{
	width: 100%;	
	z-index:0 !important;
}

.slides a{z-index:1 !important;}

.slidesjs-pagination{
	background: #333;
	list-style: none;
	overflow: hidden;
}

.slidesjs-pagination li{
	float: left;
}

.slidesjs-pagination li a{
	display: block;
	padding: 8px 20px;
	color: #fff;
	text-decoration: none;
}

.slidesjs-pagination li a:hover
{
	background: #A50505;
}

.slides .active{
	background: #A50505;
}

.slidesjs-navigation{
	background: #000;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 11px 20px;
	float: right;
}

.slidesjs-navigation:hover{
color:#A50505;
}
/******FIN SEGUNO SLIDE*****/
/*
.mp-slider .items {display:none;}
.mp-slider {
	overflow:visible !important;
}
.slider-container {
	position:relative;
	z-index:1;
	height:322px;
	width:850px;
	margin:0 auto;
	padding:0 0 10px 0;
}
.slider-container .pic, .mp-slider {
	border-radius:9px;
	box-shadow:0 0 5px #d4d4d4;
}
.slider-container .mask {
	border-radius:9px;
}
.pagination {
	position:absolute;
	bottom:-29px;
	left:850px;
	top:90px;
	z-index:99;
}
	.pagination li {
		display:inline-block;
		margin:0 1px;
	}
		.pagination li a {
			display:block;
			width:20px;
			height:24px;
			background:url(../images/slider-pagination.png) no-repeat right 0;
		}
			.pagination li.current a, .pagination li a:hover {
				display:block;
				width:20px;
				height:24px;
				background:url(../images/slider-pagination.png) no-repeat 0 0;
			}

 .banner {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1!important;
	}
	*/
/********************** END SLIDER ************************/
/********************** Navigation ************************/
nav {
	text-align:center;
	padding:0px 0px 0 0;
	max-width:95%;
	margin:0 auto;
}

.sf-menu{
	box-shadow: 0px 0px 6px 6px #97140D;
	opacity-shadow:0.8;
	background-color:transparent;
	border-radius:5px;
	min-height:28px;		
}


.sf-menu ul{
	position:absolute;
	top:-999em;
	width:180px;
	left:0;
	display:none;
	background:rgba(204, 204, 204,.9);
	text-align:center;
	padding:0px 0px;
	box-shadow:0 0 2px #97140D;
}
.sf-menu > li{
	position:relative;
	display:inline-block;
	margin:0 35px;
}

.sf-menu > li > a {
	text-decoration:none;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;	
	text-decoration:underline;
	color:#000000;
	padding-top:.25em;
	text-shadow:1px 1px #fbfbfb;
}

	.sf-menu > li.current > a, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a {
		color:#454545;
		text-decoration:none;
	}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{top:35px; left:-55px; z-index:999;}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover{
	text-decoration:none;
}
.sf-menu li li a{
	display:block;
	margin:0;
	position:relative;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
	color:#454545;
	overflow:hidden;
	padding:8px 5px 8px 5px;

	font-family: 'Open Sans', sans-serif;
}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{	
    background-color: #454545;
    color:white;
    font-weight: bold;
}
.sf-menu li li li a {
	background:url(../images/header-bg.png);
}
.sf-menu li li{
	float:none;
	position:relative;
	margin:0 0 1px 0;
}

.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:181px;top:-10px;}


a:hover .NewCnt{
    color:gold;
    font-size: 10px;
}

.NewCnt{	
    color: red;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    display: inherit;
}



/********************** Content ************************/

section#content {
	position:relative; 
	z-index:1;
	padding:0 0 18px 0;
}


.content-bg {
	background:url(../images/body-bg-2.gif);
	padding:35px 0 43px;
}

.price-list li {
	overflow:hidden;
	font-size:15px;
	line-height:18px;
	padding:0 0 12px 14px;
	background:url(../images/list-1-marker.gif) no-repeat 0 5px;
}

	.price-listl li {
	overflow:hidden;
	font-size:15px;
	line-height:18px;
	padding:0 0 12px 14px;	
	}


	.price-list li .price-item, .price-listl li .price-item {
		float:left;
		color:#b30404;
		text-decoration:none;
		max-width:70%;
		margin:0 6px 0 0;
	}
		.price-list li .price-item, .price-listl li .price-item:hover {color:#fff;}
	
	.price-list li .filler, .price-listl li .filler {
		display:block;
		background:url(../images/filler.gif) repeat-x 0 bottom;
		height:15px;
		overflow:hidden;
	}
	.price-list li .price, .price-listl li .price {
		float:right;
		margin:0 0 0 6px;
		width:60px;
		text-align:left;
		color:#b30404;
	}	
.author {
	color:#454545;
	font-size:14px;
}
	.author em {
		display:block;
		font-weight:bold;
	}

.dropcap {
	float:left;
	font-size:40px;
	line-height:48px;
	color:#454545;
	text-shadow:1px 1px #fff;
	margin:0 5px 0 0;
	width:40px;
}
iframe {
	
	border:1px solid #cfcfcf;
	border-radius:6px;
	float:right;
}

.rest-fram
{
    border: none;
    border-radius: 0px;
    float: none;
}
.map-container {
	padding:0 0 22px 0;
}
.adress {padding:0 0 20px 0;}
.adress dt {
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
}
.adress dd {
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}
.adress dd span {
	float:left;
	width:75px;
	text-align:right;
	margin:0 10px 0 0;
	text-transform:uppercase;
}

.adress strong{ font-family: arial;
			color:wheat;}

/******************** Cambios Formularios de contacto ******************/
.Contformcb{
    background-color: transparent;
    width: 624px;
    height: 680px;
    float: right;
	background-color:transparent;
}

#subcontfrm{width:1015px; overflow:hidden;}

#sbctfrc {padding:0; width:350px; height:680px;}

#sbctfrc blockquote:nth-child(3){
	position: absolute;
    bottom: 0px;
    padding: 0;
    margin: 0;	
}

/******************** Cambios Formularios de contacto end ******************/
/******************** Footer ******************/
footer {
	width:950px;
	margin:0 auto;
	background:url(../images/list-1-border.gif) repeat-x 0 0;
	color:#a7a7a7;
	font-size:12px;
	padding:35px 0;
	overflow:hidden;
}
footer a {color:#a7a7a7;}

.copyright {
	padding:0;
	float:left;
}
.footer-logo {
	display:inline-block;
	background:url(../images/footer-logo.png) no-repeat 0 0;
	width:100px;
	height:31px;
	overflow:hidden;
	text-indent:-99em;
	margin:-5px 0 -5px;
}
.social-list {
	float:right;
	border-radius:4px;
	background:url(../images/social-list-bg.png);
	padding:5px 4px;
}
	.social-list li {
		display:inline-block;
		width:17px;
		height:17px;
		padding:0 1px;
	}
	.social-list li a {
		display:block;
	}
	.social-list li a:hover img {
		opacity:0.5;
	}
	
	/*----- MENU VERTICAL LUMINARIAS  -----*/
	@import url('resetmenu.css');


.ca-menu{
    padding: 10px;
    margin: -10px auto; 
}
.ca-menu li{
    width: 245px;
    height: 40px;
    overflow: hidden;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    border-left: 10px solid #000;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.ca-content{
    position: absolute;
    left: 12px;
    width: 370px;
    height: 60px;
    top: -4px;
}
.ca-main{
    font-size: 14px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-sub{
    font-size: 15px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}


.ca-menu li:hover{
    border-color: #c90823;
    background: #000;
}

.ca-menu li:hover .ca-main{
    color: #fff;
    font-size: 12px;
}
.ca-menu li:hover .ca-sub{
    color: #fff004;
    font-size: 20px;
}
	
	/*----- MENU VERTICAL LUMINARIAS END -----*/
	
	
		/*----- MENU PRODUCTOS -----*/

.ca-menup{
    padding:0;
    margin:7px 5px auto;
    width: 1000px;			
}
.ca-menup li{
    width: 200px;
    height: 300px;
    overflow: hidden;
    position: relative;
    float:left;
    background: rgba(0,0,0,.5);  
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 8px;
	margin-bottom: 8px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menup li:last-child{
    margin-right: 0px;
}
.ca-menup li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: White;
    position: relative;
}
.ca-iconp{    
    font-size: 60px;
    color: White;
    text-shadow: 0px 0px 1px #333;
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 60px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-contentp{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 58%;
}
.ca-mainp{
    font-size: 30px;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-subp{
    text-align:center;
    font-size: 14px;
    color: #666;
    line-height: 42px;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    width: 100%; 
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menup li:hover{
    background-color: #000;
}
.ca-menup li:hover .ca-iconp{
    color: #ff2020;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
.ca-menup li:hover .ca-mainp{
    color: #ff2020;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}
.ca-menup li:hover .ca-subp{
    color: #000;
    background-color: #c90823;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;	
}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}	
/*----- MENU PRODUCTOS END -----*/

/*----- SUB MENU PRODUCTOS -----*/
.dropdown a {
  text-decoration: none;
  color: inherit;  
  display:block;    
  padding: 12px 0px;
}

ul li {
  list-style: none;
}

.dropdown {
  padding: 10px 0px;
  width: 200px;
  background-color: #c90823;
  text-align: center;
  font-weight: bold;
  z-index: 118 !important;
  margin-left: 5.49px;
  position: absolute;
  margin-top: 269px;  
}

.dropdown-box{		
			font-size: 14px;				
			color:White;			
			font-weight:bold;
			font-family: 'Arial';						
			text-shadow:0px 0px;
		}			

.dropdown #top {
  color: #f0f0f0;
  position: relative;  
  cursor:pointer;  
}

.dropdown li ul li:hover {
  color: #f0f0f0;
  background-color: #e43725;  
  width: 250px;  
  padding: 0px 30px;
  margin-left: -30px;  
}

.dropdown li ul li {
  padding: 0px 10px;
  width: 250px;
  vertical-align: middle;
  margin-left: -30px;
  color: #1E1E1E;
  border-bottom: 1px solid #e3e3e3;
}

.dropdown li ul li:first-child {
  margin-top: -13px;  
}

.dropdown li .dropdown-box {
  height: 0;
  overflow: hidden;
  display: none;
  background-color: #f0f0f0;
  width: 100%;
  margin-left: 0px;
  margin-bottom: -15px;
  margin-top: 13px;
  border-top: 20px solid #c90823;
  padding: 0;
  padding: 8px 30px;
  width: 250px;
  vertical-align: middle;    
  cursor:default;
}

.dropdown:hover{opacity:.95;}

#arriba .dropdown li:hover .dropdown-box,#arriba  .dropdown li:active .dropdown-box{
  display: block;
  background-color: #f0f0f0;
  animation: box 2s ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;  
}

@keyframes box {
  from {
    height: 0;
  }
  to {
    height: 265px;
	width:620px;
	margin-left:-260px;
  }
}


#abajo .dropdown li:hover .dropdown-box,#abajo  .dropdown li:active .dropdown-box {  
  display: block;
  background-color: #f0f0f0;
  animation: box2 2s ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;  
}

@keyframes box2 {
  from {
    height: 0;	
	margin-top:-50px;		
  }  
  to {
    height: 300px;
	width:600px;		
	margin-top:-340px;		
  }
}


#abajo #abajo1 .dropdown li:hover .dropdown-box,#abajo #abajo  .dropdown li:active .dropdown-box {  
  display: block;  
  animation: box3 2s ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;  
}

@keyframes box3 {
  from {
    height: 0;	
	margin-top:-50px;		
  }  
  to {
    height: 550px;
	width:600px;		
	margin-top:-590px;		
  }
}

.dropdown-box #infg, .dropdown li:active #infg{  
  display: block;  
  animation: box4 2s ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;  
}

@keyframes box4 {
  from {
    height: 0%;	
	width:0%
  }  
  to {    
	height: 2325%;
	width:205%;			
  }
}

.dropdown-box #inft, .dropdown li:active #inft{  
  display: block;  
  animation: box5 2s ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;  
}

@keyframes box5 {
  from {
    height: 0%;	
	width:0%
  }  
  to {
    height: 4040%;
	width:205%;		
  }
}


.dropdown li:hover span {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #f0f0f0;
  margin-top: 42px;
  position: absolute;
  margin-left: -40px;
}

.infoprod{
width:100%;
height:36%;
z-index:200;
position:absolute;
font-size: 18px;			
color:#e43725;
font-weight: bold;						
font-family: 'Arial';					
text-shadow:0px 0px;		
margin-top:46%;
background-color:black;		
padding:0 0 0 0;	
animation: box6 3s ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;    
opacity:.50;
}

@keyframes box6 {
  from {
    margin-top:0%;			
  }  
  to {
    margin-top:45.5%;		
  }
}

.dropdown-box div:hover .infoprod{
opacity:.92;
}


.infoprodb{
width:100%;
height:26%;
z-index:200;
position:absolute;
font-size: 18px;			
color:#e43725;
font-weight: bold;						
font-family: 'Arial';					
text-shadow:0px 0px;		
margin-top:46%;
background-color:#121117;		
padding:0 0 0 0;	
animation: box7 5s ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;    
opacity:.50;
}

@keyframes box7 {
  from {
    margin-top:0%;			
  }  
  to {
    margin-top:102%;
  }
}

.dropdown-box div:hover .infoprodb{
opacity:.92;
}
/*----- SUB MENU PRODUCTOS END -----*/

/*-----MENU PRODUCTOS ADAP -----*/

#imgf{background:url(../img/fotovoltaico.png) no-repeat center; width:210%; height:90%; position:absolute; left:0%;}

#imgt{background:url(../img/termico.png) no-repeat; background-size: 100% 100%; width:210%; height:90%; position:absolute; left:0%;}

#imgs{background:url(../img/servicios.png) no-repeat center; width:210%; height:90%; position:absolute; left:0%;}

#imga{background:url(../img/aire.png) no-repeat center; width:210%; height:90%; position:absolute; left:0%;}

#menuprg{border-radius:22px; border:10px solid rgba(201,8,35,.5); height:58em; margin:10px 244.5px auto; -moz-margin-start:10px 244.5px auto; z-index:120 !important;}

@media (max-width: 600px) and (min-width: 320px){
#menuprg{height:58em; margin:10px 58px auto;}			
		
		.infoprod{display:none;}
		#imgf{display:none;}
		#imgt{display:none;}
		#imgs{display:none;}
		#imga{display:none;}
		
		@keyframes box {
		  from {
			height: 0;
		  }
		  to {
			height: 265px;
			width:200px;			
		  }
		}
}

@media (max-width: 1024px) and (min-width: 800px)
	{						
		#menuprg{height:58em; margin:10px 76px auto;}			
		
		.infoprod{display:none;}
		#imgf{display:none;}
		#imgt{display:none;}
		#imgs{display:none;}
		#imga{display:none;}
		
		@keyframes box {
		  from {
			height: 0;
		  }
		  to {
			height: 265px;
			width:200px;			
		  }
		}
	}


@media (max-width: 1366px) and (min-width: 1200px) {	
		#menuprg{height:58em; margin:10px 247px auto;}	
	}	
	
@media (max-width: 1360px){
	#menuprg{height:58em; margin:10px 244.5px auto;}	
}

@media (max-width: 1920px) and (min-width: 1500px) {
#menuprg{height:58em; margin:10px 364px auto;}		
}
/*-----MENU PRODUCTOS ADAP END -----*/

/*----------GALERIA INDIVIDUAL DE PRODUCTO--------------*/
.gal-prod{
width:100%;
text-align:left;
}
.gal-prod .item {
width:50px; 
height:50px; 
cursor:pointer;  
border: 2px solid #C80922;
margin-top:.5em;
margin-bottom:.5em;
}
.gal-prod .item:hover{
background: #000; 
opacity:.5;
}
/*----------GALERIA INDIVIDUAL DE PRODUCTO END--------------*/

/*----- CALCULADORA Y MANTENIMIENTO PREDICTIVO -----*/
	
	/*----- CONTENEDORES -----*/
		/*----- CONTENEDOR PRINCIPAL -----*/
	.contenedor{
		display: table;	  
		width:1208px;
		margin:auto;
		margin-top:3em;
		background: rgba(79, 157, 157,.8);
		border-style: solid;
		border-width: 4px 4px 4px 4px;
		border-color: #464b4b;
	}	
		/*----- CONTENEDOR PRINCIPAL END -----*/
	
		/*----- CONTENEDOR CAPTURA DATOS -----*/
	.datacal{
		width:90%;
		margin:0 auto;
		margin-bottom:3em;
		}
		/*----- CONTENEDOR CAPTURA DATOS END -----*/
		
		/*----- CONTENEDOR RESULTADOS -----*/
	#ctn2{
		
		width:65%; 
		height:470px;
		margin:0; 
		float:left; 
		background:rgba(237, 8, 8, 0.72);
		border-style: solid;
		border-width: 5px 6px 0px 0px;
		border-color: #464b4b;
		}
		/*----- CONTENEDOR RESULTADOS -----*/

	/*--------- IMAGENES CTN2--------*/
	#ctn2 img {		
		width:65%;
		height: 20em;
		display:inline-block;
		position:relative;
		border-radius: 0px 12px 36px 36px;		
		margin:2em;
		box-shadow: 4px 5px 11px #398080;			
		}			
		
		
	/*------testtt-----------*/
	
	/*Estilos Base*/
	.contenedor-img {
		width: 100%;
		height: 30em;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: center;
		cursor: default;
		background: #2f2f2f;	
		display:none
	}

	#xyzdiv1{display:block;}

    .contenedor-img .mascara,.contenedor-img .contenido {
        width: 100%;
		height: 30em;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
    }
    .contenedor-img img {
        display: block;
        position: relative;
       
    }
    .contenedor-img h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(70, 75, 75,.8);
        margin: 20px 0 0 0
    }
    .contenedor-img p {    
        font-size: 12px;
        position: relative;
        color: #ffffff;
        padding: 10px 20px 10px;
        text-align: center
    }		
	
	.contenedor ul li {font-size: 18px; color:#ffffff; line-height: 25px;}
	
    .contenedor-img a.link {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: #222;
        color: #fff;
        text-transform: uppercase;
        box-shadow: 0 0 1px #000
    }
        .contenedor-img a.link:hover {
            box-shadow: 0 0 5px #000
        }
        
     
	/*Ejemplo 1*/
	.ejemplo-1 img { 
		transition: all 0.2s linear;
	}
	.ejemplo-1 .mascara {
    z-index: 1;
	width: 100%;
	height: 30em;
	opacity: 0;
    background-color: rgba(57, 128, 128,.8); 
    transition: all 0.3s ease-in-out;
	border-radius: 0px 12px 36px 36px;
}
    .ejemplo-1 h2 {
        transform: translateX(-200px);
        opacity: 0;
        transition: all 0.7s ease-in-out;
    }
    
	div #ctn2 .ejemplo-1 p {font-size:20px; font-weight:bold; margin: 1em; color:#ffffff; padding:0; line-height: 28px;}
	
	.ejemplo-1 p { 
        transform: translateX(200px);
        opacity: 0;
    	transition: all 0.4s linear;
    }
	
	.ejemplo-1 ul { 
        transform: translateY(200px);
        opacity: 0;
    	transition: all 0.4s linear;
    }
	
    .ejemplo-1 a.link{
        opacity: 0;
    	transition: all 0.4s ease-in-out;
        transform: translateY(100px)
    }
    .ejemplo-1:hover img { 
    	transform: scale(1.1);
    } 
    .ejemplo-1:hover .mascara { 
    	opacity: 1;
    }
    .ejemplo-1:hover h2,
    .ejemplo-1:hover p,
    .ejemplo-1:hover a.link {
        opacity: 1;
        transform: translateX(0px);
    }
    
	/* UL a prueba con esta animacion de no funcionar, entonces queda en conjunto con la animacion de arriba*/
	.ejemplo-1:hover ul{
		opacity: 1;		
		transform: translateY(0px);
	}
	
	.ejemplo-1:hover p {
        transition-delay: 0.1s;
    }
    .ejemplo-1:hover a.link {
        transition-delay: 0.2s;
        transform: translateY(0px);
    }
	/*----- end test ------*/				
					
	#minipic {width:25%; display: inline-block; margin-top: 4em;}
	
	#minipic img{
			width:5em;
			height: 5em;			
			display:inline-block;
			position:relative;						
			margin:1em;
			border-radius: 32px;
			box-shadow: 0px 0px 0px #fff;
			cursor:pointer;									 
			}		
			
	#minipic img:hover{
	-webkit-animation: tiembla 0.3s 5;	
	-moz-animation: tiembla 0.3s 5;	
    -ms-animation: tiembla 0.3s 5;	
     -o-animation: tiembla 0.3s 5;	
        animation: tiembla 0.3s 5;
}
	@-webkit-keyframes tiembla{
		0%  { -webkit-transform:rotateZ(-5deg); }		
		50% { -webkit-transform:rotateZ( 0deg) scale(.8); }
		100%{ -webkit-transform:rotateZ( 5deg); }				
	}
	
	@-moz-keyframes tiembla{
		0%  { -moz-transform:rotateZ(-5deg); }		
		50% { -moz-transform:rotateZ( 0deg) scale(.8); }
		100%{ -moz-transform:rotateZ( 5deg); }				
	}
	
	
	/*--------SLIDE CAMBIO DE IMGENES----------*/
			
		
		#cf7 {
		  position:relative;
		  height:30em;
		  width:62%;
		  margin:0 auto 10px;
		  display:inline-block;
		}
		#cf7 img {
		  position:absolute;
		  left:0;
		  
		  width:90%;
		  height: 26em;
		  display:inline-block;		  
		  border-radius: 0px 12px 36px 36px;		
		  margin:2em;
		  box-shadow: 4px 5px 11px #398080;						
		  
		  
		  
		  -webkit-transition: opacity 1s ease-in-out;
		  -moz-transition: opacity 1s ease-in-out;
		  -o-transition: opacity 1s ease-in-out;
		  transition: opacity 1s ease-in-out;
		  opacity:0;
		  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		  filter: alpha(opacity=0);		  
		}

		#cf7 img.opaque {
		  opacity:1;
		  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		  filter: alpha(opacity=1);
		}	

		.selected {
		opacity:.7;
		border: 4px double #398080;
		}

	/*-------- SLIDE CAMBIO DE IMGENES END ----------*/
	
	
	
	/*--------- IMAGENES CTN2 END--------*/
			
		/*----- CONTENEDOR PANEL DE ACCIONES -----*/
	#der{		
		width:34%; 
		height:470px;
		float:right; 
		text-align:center; 
		background: rgba(87, 89, 89,.1);     
		border-style: solid;
		border-width: 5px 0px 0px 6px;
		border-color: #464b4b;
		}
		
	div #der p{font-size:16px; font-weight:bold; margin: 2em; color:#333; padding:0; text-shadow: 1px 1px 7px white;}
	
	div #ctn2 h3{font-size:25px; font-weight:bold; margin: 1em; color:#398080; padding:0; line-height: 28px; text-shadow:none;}
	div #ctn2 p{font-size:22px; font-weight:bold; margin: 1em; color:#398080; padding:0; line-height: 28px;}
		
	#ctn1{display:inline-block;}
		/*----- CONTENEDOR PANEL DE ACCIONES END -----*/
	
	/*----- CONTENEDORES END -----*/
	
	/*----- TITULO DE CONTENIDO -----*/
	.tit{font-size:26px;
		text-align:center;
		font-weight:bold;
		color: #ffffff;
		margin-top:.5em;
		text-shadow: 5px 4px 4px black;
		 }			
	/*----- TITULO DE CONTENIDO END-----*/
	
	/*----- Tooltip -----*/
	.tooltip {
    position: relative;
    display: inline-block;    
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		background-color: #D11010;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 5px;
		position: absolute;
		z-index: 1;
		bottom: 150%;
		left: 50%;
		margin-left: -85px;
		opacity: 0;
		transition: opacity 1s;
	}
	
	#tolhlp{width:125px; margin-left:-50px;}	
	
	.tooltip .tooltiptext::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #D11010 transparent transparent transparent;
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
		opacity: 1;		
	}
	

/*----- Tooltip right -----*/		
	.tooltiprg .tooltiptextrg {
		visibility: hidden;
		width: 160px;
		background-color: #0683C5;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		top: -1px;
		left: 10%;
		opacity: 0;
		transition: opacity 2s;				
	}

	.tooltiprg .tooltiptextrg::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 100%;
		margin-top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent #0683C5 transparent transparent;
	}
	
	.tooltiprg:hover .tooltiptextrg {
		visibility: visible;
		opacity: 1;
	}
		/*----- Tooltip right End -----*/
		
	/*----- Tooltip End -----*/
	
	
	/*----- LISTA DESPLEGABLE -----*/
	#slhsp{		    
			padding: 6px 12px;			
			margin-left: 1em;	
			font-size: 14px;
			font-family: Arial;
			font-weight:bold;
			line-height: 1.42857143;
			color: #555;
			background-color: #fff;
			background-image: none;
			border: 2px solid #ccc;
			border-radius: 4px;
			cursor:pointer;
	}
	/*----- LISTA DESPLEGABLE END-----*/
	
	/*----- INPUT KWP USUARIO -----*/
	#consm{			
			width:8em;
			padding: 6px 12px;					
			margin-left: 1em;			
			margin-right:1em;
			font-size: 14px;
			font-family: Arial;
			font-weight:bold;
			line-height: 1.42857143;
			color: #555;
			background-color: #fff;
			background-image: none;
			border: 2px solid #ccc;
			border-radius: 4px;
	}
	/*----- INPUT KWP USUARIO END -----*/
	
	label{
		font-size:18px;		
		font-weight:bold;
		color: #000;
		display: inline-block;
		margin-top: .5em;
	}
	
	/*----- AYUDA -----*/
	#cfe{
		display:-webkit-inline-box;
		display:-moz-inline-box;
		cursor:pointer;
		background: rgba(255,255,255,.6);
		}
		
	.transition{							
		content:url("../images/calc/rec.png");
		position:absolute;
		width: 35px;
		height: 35px;		
		transition: width 2s, height 2s, margin 2s;    		
		}	

		.tran{				
		position:absolute;
		width: 50px;
		height: 50px;
		background: transparent;				
		}	
		
	.transii{						
		content:url("../images/calc/recibo.png");
		width: 45%;
		height: 450px;
		margin-left:-60em;
		margin-top:-8em;
		padding-top:1em;
		z-index:2;		
		}
	/*----- AYUDA END -----*/
	
	/*----- ESTRUCTURA TABLA CONTENIDOS -----*/
	.fila{
		display: table-row;	  	  
		}
	
	#row100, #row85, #row75, #row50{
		background: #2f2f2f;
	}
	
	
	.celda1, .celda2, .celda3{
	  display: table-cell;	  
	  border-bottom-style: dotted; 
	  border-width:1px;
	  border-color: #A5A5A5;	 
	  font-family:"Arial";
	  font-style:normal;
	  font-size:12px;	  	  
	  position:relative;
	}
	
	 .subcelda1, .subcelda2, .subcelda3{
		display: table-cell;	  
		font-family:"Arial";
		font-style:normal;
		font-size:12px;
		text-align:center;
	 }
	
	.celda1{
		width: 50%;				
		text-align:center;
	}		
	
	.celda2{
	  width: 30%;	  
	  text-align:justify;
	  text-transform: uppercase;
	}				
	
	.celda3{
	  width: 20%;	  
	  text-transform: uppercase;
	}		
	
	.subcelda1{ width:20%;}
	.subcelda2{ width:40%; padding-top:5em; padding-left:5em;}
	.subcelda3{ width:40%; padding-top:4em;}
	
	
	.encabezado{
		font-size:20px;
		text-align:center;
		font-weight:bold;
		color: #000;	
		padding-top:1em;
	}			
	/*----- ESTRUCTURA TABLA CONTENIDOS END -----*/		
	
	/*----- etiquetas p -----*/		
	
	.resltfv{		
		padding: 15px 0px;
		font-size:18px;
		font-weight:bold;
	}	
		
	/*----- etiquetas p end-----*/		
	
	/*----- CHECKS -----*/		
	.checkinpt{
		float: left;
		margin:1em 0em -2em 2em;
		width: 18px;
		height: 20px;
		cursor:pointer;
		}
	/*----- CHECKS END -----*/		
	
	/*----- STRONGS  -----*/
	.datos{color:red; font-weight:bold;}
	#csmo, #stat{color:black; font-weight:bold; text-shadow: 1px 1px 1px black;}
	/*----- STRONGS  -----*/
	
	/*----- BTNS-----*/		
	.calcular {
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0px;
	  font-family: Arial;
	  margin:0;
	  color: #fff;
	  font-size: 14px;
	  font-weight:bold;
	  background: #2f2f2f;
	  padding: 8px 15px 8px 15px;
	  border: solid #f2f7fa 2px;
	  text-decoration: none;		  
	  cursor:pointer;
	  border-radius:4px;
	}

	.calcular:hover {
	  background: #358080;
	  text-decoration: none;	  
	}
	
	/*#clr{margin-top:4em;  margin-bottom:6em;}	
	#slctrc{margin-top:4em;}*/
	/*----- BTNS END-----*/	
	
/*----- CALCULADORA END -----*/

/*----- TAB PAGE STYLE -----*/

.container-dtsp{
	width: 100%;
	position: relative;
	display:inline-block;
	background:#2f2f2f;
	z-index:0;
	
	font-family: 'Open Sans Condensed','Arial Narrow', serif;	
	font-weight: 400;	
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.tabs-dtsp {
    position: relative;
	margin: 0px auto;
	width: 100%;
}

.tabs-dtsp input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs-dtsp input#tab-2{
	left: 10.5em;
}
.tabs-dtsp input#tab-3{
	left: 21em;	
}
.tabs-dtsp input#tab-4{
	left: 410px;
}

#lbl3{
	width:12em;;
	}

.tabs-dtsp label {	
	background: -moz-linear-gradient(top, #464b4b 55%,#d9d9d9 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#464b4b), color-stop(95%,#d9d9d9));
	background: -webkit-linear-gradient(top, #464b4b 55%,#d9d9d9 95%);
	background: -o-linear-gradient(top, #464b4b 55%,#d9d9d9 95%);
	background: -ms-linear-gradient(top, #464b4b 55%,#d9d9d9 95%);
	background: linear-gradient(top, #464b4b 55%,#d9d9d9 95%);
	font-size: 12px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 8em;
	color: #fff;
	cursor:pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs-dtsp ul li {list-style-type: square; font-size: 24px; color:#777; margin: 1em 3em; line-height: 30px;}

.tabs-dtsp ul a{color: #398080; text-decoration:none; cursor: pointer;}

.tabs-dtsp ul a:hover{color: #777; text-decoration:underline;}

.tabs-dtsp label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs-dtsp input:hover + label {
	background: #417a7a;
}

.tabs-dtsp label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;	
}

.tab-label-4 {
    z-index: 1;
}

.tabs-dtsp input:checked + label {
    background: #fff;
	z-index: 6;
	color: #393838;
	
    -webkit-animation: page 0.2s linear;
    -moz-animation: page 0.2s linear;
    -ms-animation: page 0.2s linear;
    -o-animation: page 0.2s linear;
    animation: page 0.2s linear;
}

.clear-shadow {
	clear: both;
}

.content-dtsp {
    background: #fff;
	position: relative;
    width: 100%;
	height: 475px;
	z-index: 5;
	overflow: hidden;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
}

.content-dtsp div {
    position: absolute;
	top: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    -ms-transition: all linear 0.1s;
    transition: all linear 0.1s;
}

.content-dtsp div #hedtable{
    position: relative;
    padding: 0;
    opacity: 1;
    display: block;
    height: 5em;
    width:90em;
	margin-top: 1em;
}

.content-dtsp div #bodytable{
    height: 370px;
    display: block;
    overflow-y: scroll;
    width:90em;
    position: relative;
    opacity: 1;
    padding: 0;	
}

.content-dtsp1, .content-dtsp2 , .content-dtsp3, .content-dtsp4 {
    -webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}

.tabs-dtsp input.tab-selector-1:checked ~ .content-dtsp .content-dtsp1,
.tabs-dtsp input.tab-selector-2:checked ~ .content-dtsp .content-dtsp2,
.tabs-dtsp input.tab-selector-3:checked ~ .content-dtsp .content-dtsp3,
.tabs-dtsp input.tab-selector-4:checked ~ .content-dtsp .content-dtsp4 {
    -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;
}

.content-dtsp div h2,
.content-dtsp div h3{
	color: #398080;
	margin-top:1em;
}

.content-dtsp div p {
	font-size: 22px;
    line-height: 28px;
    text-align: justify;
    margin: 0 2em;
    color: #777;
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    border-left: 8px solid rgba(65, 122, 122, 0.7);
}

@keyframes "page" {
 0% {
    left: 0;
 }
 50% {
    left: 10px;
 }
 100% {
    left: 0;
 }

}

@-moz-keyframes page {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-webkit-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-ms-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-o-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }
}


/*--------TABLA DETALLES INSUMOS---------*/
.content-dtsp div #hedtable .tabledetail  *{
 margin:0;
 padding:0;
}

.content-dtsp div #bodytable  table.tabledetail, .content-dtsp div #hedtable .tabledetail{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;				
}

#hedtable table{
float: right;
vertical-align:middle;
}


.content-dtsp div #hedtable  .tabledetail thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.content-dtsp div #hedtable  .tabledetail thead th:empty{
    background:transparent;
    border:none;
}
.content-dtsp div #bodytable  .tabledetail tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
    border-right:3px solid #9ED929;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;	
}
.content-dtsp div #bodytable  .tabledetail tbody td{    
    text-align:center;
    background-color:#DEF3CA;    
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

.tabs-dtsp #bodytable ul li{
    list-style-type: none;
    border-bottom: 1px solid white;
    padding: 0 5em;
    font-size: 16px;
    color: #666;
    margin: 0;
}

.content-dtsp div #bodytable  .tabledetail ul li:nth-last-child(1)
{
border-bottom: none;
}

.coldetail1
{
	width:60%;
	vertical-align:middle;
}

.coldetail2
{
	width:6%;
	vertical-align:middle;
}

.coldetail3
{
	width:30%;
	vertical-align:middle;
}
/*--------TABLA DETALLES INSUMOS END---------*/

/*----- TAB PAGE STYLE END -----*/

/*----- DIVS SLIDER DERECHA-----*/
#nowdaybig{width:30%; display:inline-block; margin-left: 1em; text-align: center; float: right;}

.nowday{
		width: 100%; 
		background-color: rgba(243,243,243,0.2);
		height: 17em; 
		display: inline-block; 		
		border-radius:12px;
		}

#nowday2{
		height: 9em; margin-top: 1.5em;		
		}

.nowday img{
	margin: 0 auto; 	
	width:100%;
	height: 17em;
	display:block;
	position:relative;
	border-radius: 12px 12px 0 12px;
}

.nowday span{
	color:white;
	cursor: pointer; 
	font-weight: bold; 
	font-size: 18px; 	
	margin: 0 .8em;
	line-height:1.2em;		
	display:block;
	transform: translateY(110px);
    opacity: 0;
    transition: all 0.6s linear;	
	}
	

#nowdaybig span:nth-last-child(1)
{
		margin: 1.5em 7em;
		text-decoration: none;
        padding: 7px 14px;
        background: rgba(37,68,175,.6);
        color: #fff;  
		border-radius: 4px;
}
	
#nowday2 span:nth-last-child(1){
		margin-top:.5em;
}
	
	#hdatop{
	color: #ffffff;
	text-shadow: 2px 2px #c90823;
	font-weight: bold; 
	font-size: 19px; 		
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:-10em;		
	line-height:28px;	
    opacity:1
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;    
	transition: opacity 0.3s;
	}
	
	#hdatop2{
	color: #ffffff;
	text-shadow: 2px 2px #c90823;
	font-weight: bold; 
	font-size: 19px; 		
	display:block;
	position:relative;
	margin:0 1em;	
	line-height:28px;	
    opacity:1
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;    
	transition: opacity 0.3s;
	margin-top: -4em;
	}

.nowday a{
	display: inline-block;
    width: 100%;
    height: 100%;
	border-radius:12px;
	text-decoration:none;
}

.nowday a:hover{
	background:rgba(91,91,91,.7);
}	


.nowday a:hover h1{opacity:0;}

.nowday a:hover img{	
	opacity:.5;
}

.nowday a:hover span{
	opacity: 1;		
	transform: translateY(-80px);
}

#nowdaybig span:nth-last-child(1):hover{
box-shadow: 0px 0px 10px #f0f0f0;
}
/*----- DIVS SLIDER DERECHA END -----*/

/*----- PIE -----*/
.trans{
		z-index:1;
		filter:alpha(opacity=60);		
		-moz-opacity:.60;
		opacity:.60;					
		position:relative;	
		text-align:center;
		left:0;
		height:100px;
		width:100%;
		background-color:#E2453C;
		color:#fff;		
		clear:both;
		margin-top:4em;
		}
		
.trans table td{vertical-align:middle; font-size:14px;}

/*----- PIE END -----*/


/*--------CONTEN CACAO DESHIDRATADO--------*/

/*----- CONTENEDORES -----*/
    .ctnmain{
		display: block;
		width:1208px;
		margin:auto;
		margin-top:3em;
        background-color: rgba(53, 17, 4, .8);
		border-style: solid;
		border-width: 4px 4px 4px 4px;
		border-color: #464b4b;
	}	

	.ctnconten{
		
		width:65%; 
		height:470px;
		margin:0; 
		display: inline-block;
        float:left;
		background-color:#2f2f2f;
		outline: 4px solid #464b4b;
        text-align: center;
	}	

	.ctnconten img {		
		width:65%;
		height: 20em;
		display:inline-block;
		position:relative;
		border-radius: 0px 12px 36px 36px;		
		margin:2em;
		box-shadow: 4px 5px 11px #398080;			
	}					
					
	.ctnitm {
		width: 100%;
		height: 30em;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: center;
		cursor: default;
		background: #2f2f2f;	
		display:none
	}

    .ctnitm .mascara,.ctnitm .contenido {
        width: 100%;
		height: 30em;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
    }
    
    .ctnitm img {
        display: block;
        position: relative;
       
    }
    
    .ctnitm h2 {
        text-transform: uppercase;        
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;        
        color:rgba(53, 17, 4, 1);
        background-color: rgba(224, 224, 224, .6);
        font-weight: bold;
        margin: 20px 0 0 0
    }
    
    .ctnitm p {    
        font-size: 12px;
        position: relative;
        color: #ffffff;
        padding: 10px 20px 10px;
        text-align: center
    }		
	
	.ctnitm ul li {
        font-size: 18px;
        color: #ffffff;
        line-height: 20px;        
        margin-bottom: 14px;
    }
    
    .ctnitm .sl li
    {
        margin-bottom: 10px;
    }
	
    .ctnitm a.link {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: transparent;
        color: #fff;
        text-transform: uppercase;
        box-shadow: 0 0 1px #000;
        margin-top:0px;
        border: 1px solid white;
    }
    
    .ctnitm a.link:hover {
        box-shadow: 2px 0 12px #398080
    }
        
     	
	.ctnitm-stil img { 
		transition: all 0.2s linear;
	}

	.ctnitm-stil .mascara {
    z-index: 1;
	width: 100%;
	height: 30em;
	opacity: 0;
    background-color: rgba(53, 17, 4, .8); 
    transition: all 0.3s ease-in-out;
	border-radius: 0px 12px 36px 36px;
    }
    
    .ctnitm-stil h2 {
        transform: translateX(-200px);
        opacity: 0;
        transition: all 0.7s ease-in-out;
    }
    
	div .ctnconten .ctnitm-stil p {font-size:16px; margin: 1em; color:#ffffff; padding:0; line-height: 20px;  text-shadow:2px 2px 2px black}
	
	.ctnitm-stil p { 
        transform: translateX(200px);
        opacity: 0;
    	transition: all 0.4s linear;
    }
	
    div .sub-ctnconten-2 .pinfpq{
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        padding-left: 16px
    }

    .ctnitm-stil ul { 
        transform: translateY(200px);
        opacity: 0;
    	transition: all 0.4s linear;
        margin-top: 4em;
        margin-left: 22px;
        margin-right: 22px;    
    }
    
    .ctnitm-stil .mascara ul{
        margin-top: 2em;
    }
	
    .ctnitm-stil a.link{
        opacity: 0;
    	transition: all 0.4s ease-in-out;
        transform: translateY(100px)
    }
    
    .ctnitm-stil:hover img { 
    	transform: scale(1.1);
    } 
    
    .ctnitm-stil:hover .mascara { 
    	opacity: 1;
    }
    
    .ctnitm-stil:hover h2,
    .ctnitm-stil:hover p,
    .ctnitm-stil:hover a.link {
        opacity: 1;
        transform: translateX(0px);
    }
    
	.ctnitm-stil:hover ul{
		opacity: 1;		
		transform: translateY(0px);
	}
	
	.ctnitm-stil:hover p {
        transition-delay: 0.1s;
    }

    .ctnitm-stil:hover a.link {
        transition-delay: 0.2s;
        transform: translateY(0px);
    }
						
	#itms-img {
        width:20%;         
        display: inline-block;
    }
	
	#itms-img img{
			width:5em;
			height: 5em;			
			display:inline-block;
			position:relative;						
			margin:1em;
			border-radius: 32px;			
			cursor:pointer;            
			}		
			
	#itms-img img:hover{
        -webkit-animation: tiembla 0.3s 5;	
        -moz-animation: tiembla 0.3s 5;	
        -ms-animation: tiembla 0.3s 5;	
         -o-animation: tiembla 0.3s 5;	
            animation: tiembla 0.3s 5;
    }					
		
    #sub-ctnconten {		      
        display:inline-block;
		height:30em;
		width:62%;
		margin:0 auto 10px;		  
    }
	
    #sub-ctnconten img {
		  position:absolute;
		  left:0;		  
		  width:90%;
		  height: 26em;
		  display:inline-block;		  
		  border-radius: 0px 12px 36px 36px;		
		  margin:2em;
		  box-shadow: 4px 5px 11px rgba(53, 17, 4, .8);		  		  		  
		  -webkit-transition: opacity 1s ease-in-out;
		  -moz-transition: opacity 1s ease-in-out;
		  -o-transition: opacity 1s ease-in-out;
		  transition: opacity 1s ease-in-out;
		  opacity:0;
		  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		  filter: alpha(opacity=0);		  
    }

	#sub-ctnconten img.opaque {
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=1);
    }	

	.select-item {		
        opacity: 0.5;
        border:8px outset #2a0e03;
    }

	.sub-ctnconten-2{		
		width:35%; 
		height:470px;
		display: inline-block;        
		text-align:center; 
		background: rgba(87, 89, 89,.1);     
		outline: 4px solid #464b4b;
    }
		
	div .sub-ctnconten-2 p{font-size:16px; font-weight:bold; margin: 2em; color:#b5b5b5; padding:0;}	
    
    div .sub-ctnconten-2 .dtctc-p{margin-bottom: -1.5em;}
    
    .txth3st{font-size:25px; font-weight:bold; margin: 1em;  color:#66a0a0; padding:0; line-height: 28px; text-shadow:none;}	
				
	.ctnmain-tit{font-size:26px;
		text-align:center;
		font-weight:bold;
		color: #ffffff;
		margin-top:.5em;
		text-shadow: 5px 4px 4px black;
    }			
    
    .sub-h2s{
        font-size: 18px;
        padding: 8px 10%;
        border-top: 4px solid #464b4b;
        margin: 0px;
        line-height: 25px;
    }	


.ttip {
    position: relative;
    display: inline-block;   
    cursor: pointer;
}

.ttip .ttiptext {
    visibility: hidden;    
    width: 198px;
    background-color: rgba(102, 160, 160,.7);
    color: #000000;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 28%;
    right: -225%;
    opacity: 0;
    transition: opacity 1s;
    font-weight: bold;
    z-index: 22;
}

.ttip:hover .ttiptext {
    visibility: visible;
    opacity: 1;
}

.sl li{    
    list-style-image: url("../img/listok.png");   
    width: 88%;    
    text-align: left;
    margin: 0 auto;
    margin-bottom: 2px;
    }
/*--------CONTEN CACAO DESHIDRATADO END--------*/

.rowcontent-body
{
    width: 1161.730px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}