/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Custom Typefaces
   ========================================================================== */

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../typo/OpenSans-CondBold-webfont.eot');
    src: url('../typo/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typo/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../typo/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../typo/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('../typo/OpenSans-CondLight-webfont.eot');
    src: url('../typo/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typo/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../typo/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../typo/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	font-family:'Open Sans', sans-serif;
	font-size:1em; /* 16px */
	color:#555;
	/* background-color: #FFF; */
	background-color: #EAEAEA;
}
		
		
/* ====================
    MOBILE: Header
   ==================== */

.header-container {
	border-top:4px solid #2c2c2c;
	font-size:0.75em; /* 12px / 16px */
	overflow:hidden;
	padding: 1.66666667em 0 2.08333333em; /* 20px / 12px | 25px / 12px */
}

header {
	margin:auto;
	max-width: 960px;
	width:90%;
}

	h1 {
		border:none;
		margin-left:3.57143%;
  		padding-left:1.0416667%; /* 10px / 960px */
		width:90.5%; /* 202px / 320px */
	}

	h1 img {
		height:auto;
		width:100%;
	}
	
.title span {
	display:none;
}

nav {
  	padding-left:1.0416667%; /* 10px / 960px */
	width:100%;
}

nav ul {
    margin: 0;
    padding: 0;
}
	
	nav li {
		display:block;
		font-size:1.83333333em; /* 22px / 12px */
		margin-left:3.5714286%; /* 20px / 560px */ 
		text-transform:uppercase;
	}
		
		nav li a {
			color:#000000;
			text-decoration:none;
		}
			   
			nav li a:hover,
			nav li a.active {
				color:#5aa311;
			}
			   
			nav li a:hover {
	text-decoration:none;
			} 


.reg {
	font-size:20px;
	list-style-type:none;
	margin:0.41666667em 0 0; /* 5px / 12px */
	padding:0;
	width:100%;
	
}

	.reg li {
		float:left;
		text-align:center;
	}
	
		.reg li a {
			display:block;
			padding:0.41666667em 10px; /* 5px / 12px */
			margin-left:8px;
			text-decoration:none;
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;			
		}
		
		.reg li a:hover {
	text-decoration:none;
		}
	
		.reg li a.login,
		.reg li a.register {
			background-color:#6dbb1f;
			color:#FFF;
		}
		
		.reg li a:hover.login {
	background-color:#92E043;
		}
		
			.reg li a.register {
				background-color:#eaeaea;
				color:#797979;
			}

			.reg li a:hover.register {
	background-color:#999999;
	color:#fff;	
			}
		
		
/* ====================
    MOBILE: Content
   ==================== */


.highlight {
	background:url('../img/bg_home_dest.png') repeat-x top left;
}

.highlight .container {
	clear:both;
	margin:auto;
	max-width: 1140px;
	padding-top:1.875em; /* 30px / 16px */
	overflow:hidden;
	width:90%;
	padding-bottom: 1.875px;
}

	.multi {
		position:relative;
		width:100%; /* 670px / 1140px */
		z-index:1;
	}
	
		.multi .back {
			position:relative;
			top:0;
			left:0;
			z-index:9;
			
			height:auto;
			width:100%;
		}
		
		.multi .sample {
	position:absolute;
	top:1em; /* 16px / 16px */
	left:15.074627%; /* 101px / 670px */
	z-index:10;
	height:57%;
	width:65.3731%; /* 438px / 670px */
	overflow: hidden;
		}
		
			.multi .sample IMG {
			width:120%;
			}
			
			.multi .sample iframe{
   			 position:absolute;
    			height:100%;
    			width:100%;
    			top:0px;
    			left:0px;
				}
	
	.claim,
	.facts {
		position:relative;
		width:100%; /* 460px / 1140px */
		z-index:2;
	}
	
	.facts,
	.mas {
		margin-left:0%; /* 65px / 1140px */
		width:100%;
	}
	
		.claim h2 {
			color:#000;
			font-family: 'Droid Serif', serif;
			font-size: 1.75em; /* 28px / 16px */
    		font-weight: normal;
    		margin:0 0 0.42857143em; /* 12px / 28px */
    		text-transform:uppercase;
		}
		
		.claim h2 span {
			color:#6FAD04;
		}
		
		.claim p {
			color: #6D6D6D;
		    font-size: 0.9375em; /* 15px / 16px */
		    line-height: 1.46666667em; /* 22px / 15px */
		    margin-bottom: 2.33333333em; /* 35px / 15px */
		}
		
			.claim p span {
				color:#000;
			}
			
		.facts ul {
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
			.facts li {
				display:inline-block;
    			margin: 0 4.3478261% 4.3478261% 0; /* 20px / 460px */
				width:43.478261%; /* 200px / 460px */
			}
			
				.facts li .bullet {
					display:block;
					float:left;
					height:3.125em; /* 50px / 16px */
					width:25%; /* 50px / 200px */
				}
				
					.facts li .bullet img {
	height:auto;
	width:85%;
					}
			
				.facts li .text {
	color:#8C8C8C;
	display:block;
	float:right;
	font-size:0.75em; /* 12px / 16px */
	width:75%; /* 140px / 200px */
				}
				
				.facts li .text span {
				color:#69aa28;
				}
		
		.mas {
	border-top: 1px solid #CCCCCC;
	clear: both;
	position: relative;
	padding-bottom: 1em;
		}	
		
			.mas a.readmore {
				color:#FFFFFF;
				background-color:#69aa28;
				font-family:'OpenSansCondensedLight', sans-serif;
				font-size:1em; /* 24px / 16px */
				line-height:3.33333333em; /* 80px / 24px */ 
				padding:0.33333333em 4.5454545%; /* 8px / 24px | 30px / 66px */
				text-decoration:none;
			
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;	
			}
	
			.mas a.readmore:hover {
				text-decoration:none;
				background-color:#333333;
			}
			
			.mas .share {
				float:right;
				font-family: 'Open Sans',sans-serif;
    			font-size: 0.75em; /* 12px / 16px */
    			font-style:italic;
    			margin-top: 1.5em;
			}

.principal {
	clear:both;	
	background:url('../img/comunes/bg_principal.png') repeat top left;
	padding:3.125em 0; /* 50px / 16px */
}

.principal .container {
	margin:auto;
	max-width: 960px;
	overflow:hidden;
	width:90%;
}

	.principal .container .block {
		height:19.188em;
		margin:0 auto; /* 1px / 318px */
		position:relative;
		text-align:center;
		/*width:33.125%;  318px / 960px */
		width:274px;
	}
	
		.principal .container .block img {
			height:auto;
			width:100%;
		}
		
		.principal .container .block .back {
			position:relative;
			z-index:1;
		}
		
		.principal .container .block .caption {
			height:100%;
			position:absolute;
			top:0;
			width:100%;
			z-index:2;
		}
	
		.principal .container .block p.sub {
			color:#000;
			display:block;
			font-family:'OpenSansCondensedLight', Arial, Helvetica, sans-serif;
			font-size:1.875em; /* 30px / 16px */
			font-weight:normal;
			line-height:1.2em; /* 36px / 30px */
			margin:0.66666667em 5.9748428% 0 5.9748428%; /* 20px / 30px | 19px / 318px */
			text-transform: uppercase;
		}
  
		.principal .container .block h3 {
			display:block;
			color:#fff;
			font-family:'OpenSansCondensedLight', Arial, Helvetica, sans-serif;
			font-size:1.3125em; /* 21px / 16px */
			font-weight:normal;
			left:0; /* 20px / 318px */
			line-height:1.23809542em; /* 26px / 21px */
			margin:0; /* 20px / 318px */
			position:absolute;
			top:8.7em;
			width:100%; /* 280px / 318px */
		}
 
		 .principal .container .block a {
			color:#fff;
			text-decoration:none;
		 }
 
		 	.principal .container .block a:hover {
	text-decoration:none;
	color: #CCCCCC;
		 	}
		
		.principal .container .block .button {    
			bottom: 20px;
		    font-size:0.775em;
			left: 0;
    		position: absolute;
			text-align:center;
		    width: 100%;
		}	
	
		.principal .container .block .link {
			padding:5px 10px;
			color:#FFFFFF;
			border:1px solid #666666;
			margin:auto;
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;	
		}
	
			.principal .container .block .link:hover {
	text-decoration:none;
	background-color:#FFFFFF;
	opacity: 0.2;
	color:#000000;
			}

.news {
	background-color: #FFFFFF;
    padding: 3.125em 0; /* 50px / 16px */
}
	
	.news .container {
		margin:auto;
		max-width: 960px;
		overflow:hidden;
		width:90%;
	}
	
		.news .container.blocks {
			margin:1.25em auto; /* 20px / 16px */
		}
		
		.news h2 {
		    color: #434646;
		    font-family: 'Droid Serif',sans-serif;
		    font-size: 1.875em; /* 30px / 16px */
		    font-weight: normal;
		    line-height:1.2em; /* 36px / 30px */
		    margin: 0 0 0.5em; /* 15px / 30px */
		    text-align: center;	
		    text-transform:uppercase;
		}
		
		.news h2 A {
		 color: #434646;
		 text-decoration:none;
		}
		
		.news h2 A:hover {
		 color: #69aa28;
		 text-decoration:none;
		}
		
		.news p {
			color: #555555;
		    font-size: 0.875em; /* 14px / 16px */
		    line-height: 1.28571429em; /* 18px / 14px */
		    margin: 0 0 1.07142857em; /* 15px / 14px */
		    text-align: center;
		}
		
			.news p em {
				font-family:'Droid Serif',sans-serif;
			}
		
				.news p em a {
					color: #82AF4B;
		    		text-decoration: none;
				}
		
					.news p em a:hover {
			    		text-decoration:underline;
					}

		.news .container .block {
			background-color:#d6dcd7;
			margin:0 auto 1.25em; /* 10px / 960px | 20px / 16px */
			min-height:280px;
			width:274px;
		}
		
			.news .container .block .img {
				background-color: #000000;
		    	height: 160px;
		    	overflow: hidden;
		    }
		    
		    	.news .container .block .img img {
		    		width:100%;
		    	}
	    
	    .news .container .block p {
		    color: #454545;
		    font-size: 0.875em; /* 14px / 16px */
		    line-height:1.42857143em; /* 20px / 14px */
		    margin: 1.07142857em 3.5714286%; /* 15px / 14px | 10px / 280px */
		    text-align: center;
	    }
	    
	    	.news .container .block p a {
	    		color: #454545;
	    		text-decoration:none;
	    	}
	    
	    	.news .container .block p a:hover {
	text-decoration:none;
	color: #50821E;
	    	}
	    	
	    	

/* ====================
    MOBILE: Plantilla
   ==================== */	

.subheader .container {
	border-top:1px solid #D8D8D8; 
	margin:1.25em auto; /* 20px / 16px */
	max-width: 960px;
	overflow:hidden;
	width:90%;
}

	.subheader .container h2 {
	color: #000;
	font-family: 'Droid Serif', sans-serif;
	font-size: 1.75em; /* 28px / 16px */
	font-weight:300;
	margin: 17px 0 12px;
	text-align: center;
	text-transform:uppercase;
    }
    
    	.subheader .container h2 span {
    		color: #6FAD04;
    	}
    
.content {
	background:url('../img/comunes/bg_blog.png') repeat-x top;
	overflow:hidden;
	padding:50px 0;
}
		
	.content .container {
		margin:0 auto; /* 20px / 16px */
		max-width: 960px;
		overflow:hidden;
		width:90%;
	}
	
		.content .post {
			background-color: #FFFFFF;
		    border: 1px solid #D9DBDC;
		    margin:0 0 40px;
		    padding: 30px;
		}
			
			.content .post h3 {    
				color: #000000;
			    font-family: 'OpenSansCondensedLight',Arial,Helvetica,sans-serif;
			    font-size: 26px;
			    font-weight: normal;
			    margin:0 0 15px;
			    text-transform: uppercase;
		    }
		    
		    	.content .post a {
	color:#6DBB1F;
	text-decoration:none;
		    	}
		    
		    	.content .post a:hover {
		    		text-decoration:underline;
		    	}
		    
		    .content .post .sample_img {
				display: block;
			    margin-bottom: 22px;
			    max-height: 350px;
			    overflow: hidden;
		    }
			    
			    .content .post .sample_img img {
			    	height:auto;
			    	width:100%;
			    }
			    
			.content .post p {
				font-size:14px;
				line-height: 22px;
    			margin-bottom: 15px;
			}
			
			.content .post ul {
			    color: #333333;
			    font-size:14px;
			    margin-bottom: 20px;
			    margin-left: 40px;
			    padding:0;
			}
			
				.content .post ul li {
					line-height: 20px;
				    list-style-type: circle;
				    margin-bottom: 15px;
				}			

/* ====================
    MOBILE: Planes/Soporte
   ==================== */	

.content.plans,
.content.support {
	background:url('../img/comunes/bg_productos.png') repeat top left;
	padding:30px 0; /* 30px / 16px */
}

.content.plans .box,
.content.support .box {
	background-color: #fff;
	border: 1px solid #D9DBDC;
	float: left;
	/*height: 400px;*/
    height:auto;
	min-height:300px;
	margin: 0 0 0.625em; /* 10px / 16px */
	padding: 1.25em 0 100px; /* 20px / 16px | 20px / 375px */
	position: relative;
	text-align: center;
	width:99%;
}

.content.support .box {
	min-height:285px;
    padding: 1.25em 0 0; /* 20px / 16px | 20px / 375px */
}
	
	.content.plans .box h3,
	.content.support .box h3 {
	color: #333;
	font-family:'OpenSansCondensedBold', sans-serif;
	font-size:2.6875em; /* 43px / 16px */
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1.37209em; /* 59px / 43px */
	margin:0 0 0.34883721em; /* 15px / 43px */
	text-transform:uppercase;
	}
	
	.content.support .box h3 {
		color:#6dbb1f;
		font-family:'OpenSansCondensedLight',sans-serif;
		font-size:1.875em; /* 30px / 16px */
		line-height:1.3em; /* 39px / 30px */
	}
		
		.content.support .box h3 img {
			margin-right:2.6666667%; /* 10px / 375px */
			vertical-align:inherit;
		}
		
	.content.plans .box h4 {
	    color: #6DBB1F;
	    font-family: 'Droid Serif',sans-serif;
	    font-size: 1.125em; /* 18px / 16px */
	    font-style:italic;
	    font-weight:300;
	    line-height:1.22222222em; /* 22px / 18px */
	    margin:0 0 1em; /* 18px / 18px */
	}	
	
	.content.plans .box h5 {
		color:#000;
	    margin: 0 6.0240964% 0.625em; /* 25px / 415px | 10px / 16px */
	    font-size:0.875em; /* 14px / 16px */
	    font-weight:700;
	}
			
	.content.plans .box p,
	.content.plans .box li,
	.content.support .box p,
	.content.support .box li {
	font-size:14px; /* 14px / 16px */
	line-height:20px; /* 20px / 14px */
	margin:0 6.0240964% 0.71428571em; /* 25px / 415px | 10px / 14px */
	color:#333333;
	}
				
		.content.plans .box p.license {
	color: #6DBB1F;
	font-size: 1.1875em; /* 19px / 16px */
	margin-top: 2em;
	    }
	    
	    	.content.plans .box p.license .precio {
	    		color: #3C3C3C;
			    font-family: 'Open Sans',sans-serif;
			    font-size: 1.89473684em; /* 36px / 19px */
			    font-weight: 600;
	    	}
	    
	    	.content.plans .box p.license small {
				font-size:0.84210526em; /* 16px / 19px */	    	
	    	}
	    
		    	.content.plans .box p.license small strong {
					color:#000;
		    	}
	    
	    .content.plans .box .features {
	list-style-type:none;
	margin:0 0 1.25em; /* 20px / 16px */
	padding:0;
	    }

		.content.plans .box .boton,
		.content.support .box .boton {
			background-color:#6dbb1f;
			border:1px solid #9dbb7f;
			bottom: 0.66666667em; /* 20px / 30px */
			color:#fff;
			font-family:'OpenSansCondensedLight',sans-serif;
			font-size:1.875em; /* 30px / 16px */
			line-height:1.2em; /* 36px / 30px */
			padding:0.33333333em 4.3956044%; /* 10px / 30px | 20px / 455px; */
			display:block;
			position: absolute;
			text-decoration:none;
			text-transform:uppercase;
			width: 81.318681%; /* 370px / 455px */
			left: 4.3956044%; /* 20px / 455px */
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 0 0 7px #ccc;
			-moz-box-shadow: 0 0 7px #ccc;
			box-shadow: 0 0 7px #ccc;
		}
		
		.content.plans .box .boton:hover,
		.content.support .box .boton:hover {
			text-decoration:none;
			background-color: #333;
		}
		
			.content.support .box .boton {
				font-size:1.5em; /* 24px / 16px */
			}

.subcontent {
	padding:1.875em 0; /* 30px / 16px */
}

	.subcontent A {
	color:#69aa28;
	}

	.subcontent .container {
		margin: 0 auto;
	    max-width: 960px;
	    overflow: hidden;
	    width: 90%;
	}
	
		.subcontent .box {
			background-color:#f7f7f7;
			border:1px solid #d9dbdc;
			border-radius:4px;
			margin: 0.625em 1.0416667%; /* 10px / 16px | 10px / 960px */
			padding:1.25em 2.0833333%; /* 20px / 16px | 20px / 960px*/
			text-align: center;
			-webkit-box-shadow: 0px 0px 5px #e4e4e4;
			-moz-box-shadow: 0px 0px 5px #e4e4e4;
			box-shadow: 0px 0px 5px #e4e4e4;
		}
				
			.subcontent .box h3 {
	font-family:'OpenSansCondensedLight',sans-serif;
	font-size:1.625em; /* 26px / 16px */
	color:#333333;
	line-height:1.23077em; /* 32px / 26px */
	margin:0 0 1em; /* 10px / 26px */
	font-weight:normal;
			}
			
			.subcontent .box p {
				font-size:0.875em; /* 14px / 16px */
				margin:0;
			}
		
	.subcontent.support .box,
	.subcontent.faqs .box {
		background-color:#fff;
		border:none;
		width:100%;
			
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;	
	}
	
		.subcontent.faqs .box {
			border:1px solid #DCDEDF;
			margin: 0.625em 0; /* 30px / 16px */
			overflow:hidden;
			padding:0.9375em 1.5625%; /* 15px / 16px | 15px / 960px */
			width:auto;
		}
	
	.subcontent.support .box.small {
		float:left;
	    margin: 0.625em 0;
	    padding: 1.25em 0;
		width:100%;
	}
	
		.subcontent.support .box h3,
		.subcontent.faqs .box h3 {
			text-transform:uppercase;
		}
		
			.subcontent.faqs .box h3 {
			    border-bottom: 1px solid #D7D7D7;
    			color: #000;
    			padding: 0.76923077em 0 1.15384615em; /* 20px / 26px | 30px / 26px */
			}
				
			.subcontent.support .box h3 img,
			.subcontent.faqs .box h3 img {
				margin-right:1.6666667%; /* 10px / 600px */
				vertical-align:middle;
			}
		
		.subcontent.support .box .column,
		.subcontent.faqs .box .column {
	float:left;
	/*width:46.666667%; /* 280px / 600px */
			width:100%;
		}
		
			.subcontent.faqs .box .column {
	margin:0.625em 1.0775862% 1.25em; /* 10px / 16px | 10px / 928px | 20px / 16px */
	padding:0;
	width:100%;
			}
			
				.subcontent.faqs .box .column.right {
					border:none;
				}
			
			.subcontent.support .box .column .points,
			.subcontent.faqs .box .column .points {
				margin-left:0;
				width:100%;
			}
			
				.subcontent.support .box .column .points {
					margin-bottom:1.5625em; /* 25px / 16px */
				}
			
			.subcontent.support .box .column .points.border,
			.subcontent.faqs .box .column .points.border {
				margin-left:0;
			}
			
				.subcontent.support .box .column .points.border {
	
	padding-right:7.1428571%; /* 20px / 280px */
				}
			
				.subcontent.support .box .column .points h4,
				.subcontent.support .box .column .points ul,
				.subcontent.faqs .box .column .points h4,
				.subcontent.faqs .box .column .points ul {
					font-family:'Open Sans',sans-serif;
					font-size:0.75em; /* 12px / 16px */
					text-align:left;
				}
				
				.subcontent.support .box .column .points h4,
				.subcontent.faqs .box .column .points h4 {
	color:#6dbb1f;
	font-weight:400;
	text-transform:uppercase;
	font-size: 100%;
				}
				
					.subcontent.faqs .box .column .points h4 {
	margin-top:0;
	margin-bottom:0.416667em; /* 5px / 12px */
	font-size: 100%;
					}
			
				.subcontent.support .box .column .points ul,
				.subcontent.faqs .box .column .points ul {
	color:#979797;
	 /* 30px / 280px */
	width:80%;
				}
				
					.subcontent.faqs .box .column .points ul {
						list-style-type:circle;
						margin:0;
					}
				
					.subcontent.support .box .column .points ul li {
	margin:0 0 1.25em; /* 15px / 12px */
	font-size: 1.2em;
					}
					
					.subcontent.faqs .box .column .points ul li {
	margin:0 0 0.66666667em; /* 8px / 12px */
	font-size: 1.2em;
					}
					
						.subcontent.faqs .box .column .points ul li a {
							color:#979797;
							text-decoration:none;
						}
					
						.subcontent.faqs .box .column .points ul li a:hover {
							color:#979797;
							text-decoration:underline;
						}
	
	.subcontent.support .box.small .contact {
	    background-color: #F7F7F7;
	    border: 1px solid #D9DBDC;
		font-family:'Open Sans',sans-serif;
		font-size:0.875em; /* 14px / 16px */
	    margin: 0;
	    padding: 2.14285714em 12.962963%; /* 30px / 14px | 35px / 270px */
	    text-align: center;
	}
		
		.subcontent.support .box.small .contact h4 {
			font-weight:300;
			margin:0;
			padding:0;
			text-transform:uppercase;
		}
		
		.subcontent.support .box.small .contact p {
			margin:1.14285714em auto 0; /* 16px / 14px */
			width:90%;
		}
		
		.subcontent.support .box.small .contact a {
			color:#6dbb1f;
			text-decoration:none;
		}
		
			.subcontent.support .box.small .contact a:hover {
				color:#6dbb1f;
				text-decoration:underline;
			}

/* ====================
    MOBILE: Blog
   ==================== */

.content.blog .container {
	overflow:visible;
}

.primary {
	background-color: #FFFFFF;
    border: 1px solid #D9DBDC;
	float:left;
	margin:0 0 1.25em 1.0416667%; /* 20px / 16px | 10px / 960px */ 
	padding:1.875em 0; /* 30px / 16px */
	width:100%;
}
	.content .primary .post {
		background-color:inherit;
		border:none;
    	padding: 0 4.2979943%; /* 30px / 698px */
		margin-bottom:3.75em; /* 60px / 16px */
	}
	
		.content .primary .post h3 { 
			line-height:1.23076923em; /* 32px / 26px */
	    }
	    
	    .content .primary .post .date {
			color:#6dbb1f;
			font-style:italic;
		}
		
		.content .primary .post p {
			line-height:1.42857143em; /* 20px / 14px */
			margin:0 0 0.85714286em; /* 12px / 14px */
		}
		
		.content .primary .post .post_thumb {
			display: block;
			height:auto;
			margin-bottom: 1.375em; /* 22px / 16px */
			overflow:hidden;
		}
					
			.content .primary .post .post_thumb img {
				height:auto;
				width:100%;
			}
			
		.content .primary .post .labels {
			background-color:#F0F0F0;
			font-size:0.875em; /* 14px / 16px */
			margin-top:1.78571429em; /* 25px / 14px */
			padding:1.07142857em 3.1347962%; /* 15px / 14px | 20px / 638px */
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
					
			.content .primary .post .labels a {
				color:#82AF4B;
				margin-right:4.180602%; /* 25px / 598px */
			}
			
		.content .primary .post .view_more a {
			background-color:#6dbb1f;
			color:#fff;
			font-family:'OpenSansCondensedLight',sans-serif;
			font-size:1.28571429em; /* 18px / 14px */
			line-height:444.444444%; /* 80px / 18px */
			padding:0.44444444em 2.507837%; /* 8px / 18px | 16px / 638px */
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
			
			.content .primary .post .view_more a:hover {
				background-color:#333;
				text-decoration:none;
			}

		.content .primary .post .share {
			padding:1.42857143em 0; /* 20px / 14px */
		}

	.content .primary .post .comment-add {
		clear:both;
		border-top:3px dotted #D9DBDC;
		margin:2.5em 0 1.25em; /* 40px / 16px | 20px / 16px */
		padding:1.875em 0; /* 30px / 16px */
	}
	
		form .content .primary .post .comment-add  fieldset legend {
			font-family:'OpenSansCondensedLight', sans-serif;
			font-size:1.5em; /* 24px / 16px */
			font-weight:600;
			margin:0 7.8369906% 0.41666667em 0; /* 50px / 638px | 10px / 24px */
		}
	
		form .content .primary .post .comment-add fieldset .fields {
			clear: both;
			margin:0;
			padding-top: 1.875em; /* 30px / 16px */
		}
	
		form .content .primary .post .comment-add fieldset .fields.single {
			width:96.394984%; /* 615px / 638px */
		}

		form .content .primary .post .comment-add fieldset .fields.double .field.one {
			float:left;
			width:100%;
		}

		form .content .primary .post .comment-add fieldset .fields.double .field.two {
			float:left;
			width:85%;
		}
		
			form .content .primary .post .comment-add fieldset .fields label,
			form .content .primary .post .comment-add fieldset .fields input,
			form .content .primary .post .comment-add fieldset .fields textarea {
				font-family:'Open Sans', sans-serif;
			}
		
			form .content .primary .post .comment-add fieldset .fields label {
				font-size:0.875em; /* 14px / 16px */
				display: block;
    			margin-bottom: 0.71428571em; /* 10px / 14px */
			}
	
			form .content .primary .post .comment-add  fieldset .fields input,
			form .content .primary .post .comment-add  fieldset .fields textarea {
	            background:#f5f5f5;
	        	border:1px solid #e8e8e8;
	            color:#a9a9a9;
	            font-family:'Open Sans', sans-serif;
	            font-size:0.8125em; /* 13px / 16px */
	            padding:8px 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
	        	border-radius:2px;
			}
			
			form .content .primary .post .comment-add  fieldset .fields.double input,
            form .content .primary .post .comment-add  fieldset .fields.double textarea {
            	width:85%;
			}
				
            form .content .primary .post .comment-add fieldset .fields.single input,
			form .content .primary .post .comment-add fieldset .fields.single textarea,
            form .content .primary .post .comment-add fieldset .fields.double .field.two input,
			form .content .primary .post .comment-add fieldset .fields.double .field.two textarea {
            	width:100%;
            }
			
		form .content .primary .post .comment-add fieldset .controls {
			float:right;
			padding-top:1.25em; /* 20px / 16px */
		}
			
			form .content .primary .post .comment-add fieldset .controls input {
				background-color:#333333;
				border:1px solid #e7e7e7;
				color:#fff;
				font-family:'OpenSansCondensedLight',sans-serif;
				font-size:1.25em; /* 20px / 16px */
				padding:0.5em 15px; /* 10px / 20px | 15px / 598px */
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
	        	border-radius:2px;
			}
			
	.content .primary .post .comment-list {
		border-top:3px dotted #D9DBDC;
		clear:both;
		margin-bottom:1.25em; /* 20px / 16px */
		padding:1.875em 0 1.25em; /* 30px / 16px | 20px / 16px */
		width:100%;
	}
			
		.content .primary .post .comment-list h4 {
			font-family:'OpenSansCondensedLight', sans-serif;
			font-size:1.5em; /* 24px / 16px */
			font-weight:600;
			margin:0;
		}
		
		.content .primary .post .comment-list ul {
		    color: #333333;
			list-style-type:circle;
		    margin:0 0 1.42857143em 6.2695925%; /* 20px / 14px | 40px / 638px */
		    padding-top: 2.14285714em; /* 30px / 14px */
		    width: 97.962382%; /* 625px / 638px */
		}
		
		.content .primary .post .comment-list ul li {
			margin-bottom:1.07142857em; /* 15px / 14px */
		}
				
			.content .primary .post .comment-list ul li h5 {
				font-size:1em; /* 14px / 14px */
				font-weight:700;
				margin:0;
				padding:0;
			}
			
				.content .primary .post .comment-list ul li h5 a {
					color: #82AF4B;
		    		text-decoration: none;
				}
				
					.content .primary .post .comment-list ul li h5 a:hover {
			    		text-decoration: underline;
					}
					
			.content .primary .post .comment-list ul li p {
			    border-left: 1px solid #D3D3D3;
			    color: #646464;
			    padding:0 2.6645768%; /* 17px / 638px */
			}
				
			.content .primary .post .comment-list ul li p.date {
				border:none;
				color:#A0A0A0;
				font-size:0.85714286em; /* 12px / 14px */
				font-style:normal;
				line-height:1.16666667em; /* 14px / 12px */
				margin:0.75em 0 1.66666667em; /* 9px / 12px | 20px / 12px */
				padding:0 0 0 1.2539185%; /* 8px / 638px */
			}

.secondary {
	float:right;
	width:100%;
}

	.content .secondary .widget {
		background-color:#f7f7f7;
		margin-bottom: 2.5em; /* 40px / 16px */
		padding:0.9375em 6.8181818%; /* 15px / 16px | 15px / 220px */
		-webkit-box-shadow: 0 0 8px #606060;
		-moz-box-shadow: 0 0 8px #606060;
		box-shadow: 0 0 8px #606060;
	} 
	
	.content .secondary .widget h3 {
		text-align:center;
		font-family:'OpenSansCondensedLight', Arial, Helvetica, sans-serif;
		font-size:1.25em; /* 20px / 16px */
		color:#000;
		line-height:1.25em; /* 25px / 20px */
		margin-bottom: 0.5em; /* 10px / 20px */
		margin-top:0;
		text-align:center;
		text-transform:uppercase;
	}
	
	.content .secondary .widget.last_news h3 {
		color:#6DBB1F;
	}
		
		.content .secondary .widget h3 img {
			margin:0 0.5em 0 0; /* 10px / 20px */
			vertical-align:top;
		}
	
	.content .secondary .widget ul {
		list-style-type:none;
		margin:0;
		padding:0;
	} 
	
		.content .secondary .widget li {
			color:#a1a5af;
			font-family:'OpenSansCondensedLight', Arial, Helvetica, sans-serif;
			font-size:1.125em; /* 18px / 16px */
			line-height:1.22222222em; /* 22px / 18px */
			margin-bottom:0.44444444em; /* 8px / 18px */
			text-align:center;
		}
	
		.content .secondary .widget.last_news li {
			font-family:'Open Sans',sans-serif;
			font-size:0.75em; /* 12px / 16px */
			line-height:1.41666667em; /* 17px / 12px */
			margin-bottom:0.83333333em; /* 10px / 12px */
		}
		
			.content .secondary .widget li a {
				color:#a1a5af;
				text-decoration:none;
			}
			
				.content .secondary .widget li a:hover {
					text-decoration:underline;
				}

.pagination {
	clear:both;
	margin:0 0 0 0.625em; /* 10px / 16px */
	padding:0;
}

	.pagination li {
		background-color:#2d2d2d;
		display:inline-block;
		font-family:'OpenSansCondensedLight',sans-serif;
		font-size:0.9em;
		color:#fff;
		padding:0.4em 2.1052632%; /* 10px / 25px | 20px / 950px */
		margin-bottom:1em;
		margin-right:3.6842105%; /* 35px / 950px */
		text-transform:uppercase;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
    	border-radius:4px;
	}
	
		.pagination li a {
			color:#fff;
			text-decoration:none;
		}
			
		.pagination li a:hover {
			text-decoration:underline;
		}

				
/* ====================
    MOBILE: Producto
   ==================== */	

.products .container,
.advantages .container,
.tabs .container,
.customers .container {
	margin:auto;
	max-width: 960px;
	overflow:hidden;
	width:90%;
}

	.products .container h2,
	.advantages .container h2,
	.tabs .container h2,
	.customers .container h2 {
		color:#000;
		font-family: 'Droid Serif', serif;
		font-size: 1.75em; /* 28px / 16px */
		font-weight: normal;
		line-height:1.21428571em; /* 34px / 28px */
		margin:0 0 0.42857143em; /* 12px / 28px */
	}
	
		.products .container h2 {
			text-transform:uppercase;
		}
		
		.customers .container h2 {
			text-align:center;
		}

	.products .container h2 span,
	.advantages .container h2 span,
	.tabs .container h2 span,
	.customers .container h2 span {
		color:#6FAD04;
	}

.products {
	background:url("../img/comunes/bg_tr_acc.png") repeat;
}

	.products .intro {
		margin:1.875em 0 1.25em 1.0416667%; /* 30px / 16px | 10px 960px | 20px / 16px */
		width:100%;
	}

		.products .intro p {
	font-size:0.9375em; /* 22px / 16px */
	line-height:1.46667em; /* 30px / 22px */
	margin: 0 0 0.45454545em; /* 10px / 22px */
		}
		
		.products .intro p SPAN {
		color:#000000;
		}
		
		.products .intro .share {
			font-family: 'Open Sans',sans-serif;
			font-size: 0.75em; /* 12px / 16px */
			font-style:italic;
			margin-top: 1.5em;
		}
	
	.products .video {
		background-color:#333;
		color:#ccc;
		height:19.25em; /* 308px / 16px */
		overflow: hidden;
		width:100%;
	}

.advantages  {
	background-color:#fff;
}	
	
	.advantages .thumbnail {
		margin:2.9375em 0 0; /* 47px / 16px */
		width:100%;
	}
	
		.advantages .thumbnail img {
			height:auto;
			width:100%;
		}
	
	.advantages .description {
		margin:1.875em 1.0416667% 1.875em; /* 30px / 16px | 10px / 960px */
		width:100%;
	}
	
	.advantages .description h2 {
		color:#6dbb1f;
		font-family:'OpenSansCondensedLight',sans-serif;
		font-size:3em; /* 48px / 16px */
		font-weight:normal;
		line-height:1.20833333em; /* 58x / 48px */
		margin-bottom:0.20833333em; /* 10px / 48px */
		text-transform:uppercase;
	}	
	
	.advantages .description p {
		color:#979797;
		font-size:0.875em; /* 14px / 16px */
		line-height:1.42857143em; /* 20px / 14px */
		margin:0 0 0.71428571em; /* 10px / 14px */
	}
	
.tabs {
	background-color:#F5F5F5;
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	font-size:0.875em; /* 14px / 16px */
	padding:1.42857143em 0 3em 0; /* 20px / 14px | 30px / 14px */
}

.customers {
	background-color:#fff;
	clear: both;
	padding:2.8125em 0;
}

	.customers .container h2 {
		color: #000;
		font-family:'Droid Serif',sans-serif;
		font-size:1.75em; /* 28px / 16px */
		font-weight:normal;
		margin-bottom:1.07142857em; /* 30px / 28px */
		text-align:center;
	}

	.customers .container .box {
		background-color:#fff;
		border:1px solid #ccc;
		float:left;
		margin:0 2.0833333% 1.25em; /* 20px / 960px | 20px / 16px */
		/*min-height:12.5em; /* 200px / 16px */
		text-align:center;
		width:20.3125%; /* 195px / 960px */
		
		width:45%;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;	
		-webkit-box-shadow: 0 0 7px #ccc;
		-moz-box-shadow: 0 0 7px #ccc;
		box-shadow: 0 0 7px #ccc;
	}
	
		.customers .container .box .logo {
			display:block;
			/*height:8.4375em; /* 135px / 16px */
			margin:auto;
			overflow:hidden;
			width:69.230769%; /* 135px / 195px */
		}
	
			.customers .container .box .logo img {
				height:auto;
				width:100%;
			}
		 
		.customers .container .box p {
			font-family:'Open Sans',sans-serif;
			font-size:1.125em; /* 18px / 16px */
			font-size:0.8em;
			font-weight:100;
			margin:0 5.1282051% 0.625em; /* 10px / 195px | 10px / 16px */
		}
		
/* ====================
    MOBILE: Faqs
   ==================== */

.calendar {
	background-color: #F4F4F4;
	padding:1.875em 0; /* 30px / 16px */
}
	
	.calendar .container {
	    margin: auto;
	    max-width: 960px;
	    overflow: hidden;
	    width: 90%;	
	}
	
		.calendar .container .marco {
			background-color: #FFFFFF;
			border:1px solid #dcdedf;
			margin-bottom:1.875em; /* 30px / 16px */
			padding:0.9375em 1.5625%; /* 15px / 16px | 15px / 960px */
		}
	
			.calendar .container .marco h3 {
				border-bottom: 1px solid #d7d7d7;
				color:#000000;
				display: block;
				font-family: 'OpenSansCondensedLight',sans-serif;
				font-size:1.625em; /* 26px / 16px */
				font-weight:normal;
				margin:0;
				padding:1.25em 0 1.875em; /* 20px / 16px | 30px / 16px */
				text-align: center;
			}
	
			.calendar .container .marco h3 img {
			    margin-right:1.66667%;
    			vertical-align: middle;
			}
			
			.calendar .container .event_list {
				margin:0;
				padding:0;
			}
			
				.calendar .container .event_list li {
					border-bottom:1px solid #d7d7d7;
					display:block;
					font-size:0.875em; /* 14px / 16px */
					margin:0.71428571em 0; /* 10px / 14px */
					overflow:hidden;
					padding:0.71428571em 0; /* 10px / 14px */
					position:relative;
				}
	
					.calendar .container .event_list li.impar {
						background-color:#f5f5f5;
					}
	
					.calendar .container .event_list li .date {
						border-right:1px dotted #999;
						color:#6dbb1f;
						font-family: 'OpenSansCondensedLight', Arial, Helvetica, sans-serif;
						font-size:2.14285714em; /* 30px / 14px */
						line-height:1.2em; /* 36px / 30px */
						margin-right:0; /* 20px / 928px */
						padding-bottom:0.33333333em; /* 10px / 30px */
						padding-right:0; /* 15px / 928px */
						text-align:left;
						width:100%;
					}
		
					.calendar .container .event_list li h4 {
						font-weight:normal;
						margin-bottom:0.71428571em; /* 10px / 14px */
						margin-top:0;
					}
					
						.calendar .container .event_list li h4 a {
							color:#000000;
							font-family:'Open Sans',sans-serif;
							font-weight:600;
							text-decoration:none;
						}
						
							.calendar .container .event_list li h4 a:hover {
								text-decoration:underline;
							}
		
				.calendar .container .event_list li p {
					margin:0 0 0.57142857em; /* 8px / 14px */
					padding:0;
				}
			
					.calendar .container .event_list li .meta {
						margin-right:2.1551724%; /* 20px / 928px */
					}
					
						.calendar .container .event_list li .meta span {
							color:#6FAD04;
						}
				
				.calendar .container .event_list li .assist {
					background-color: #69aa28;
					color:#fff;
					display:block;
					font-family:'OpenSansCondensedLight', Arial, Helvetica, sans-serif;
					font-size:1.28571429em; /* 18px / 14px */
					padding:0.44444444em 1.0775862%; /* 8px / 18px | 10px / 928px */
					position: absolute;
					right:2.1551724%; /* 20px / 928px */
					text-decoration:none;
					top:0.33333333em; /* 10px / 30px */
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;		
				}
				
					.calendar .container .event_list li .assist:hover {
	background-color:#92e043;
					}
					
					
					
					/*27 12 2013*/
					
					.videos {
	padding: 3.125em 0; /* 50px / 16px */
	background: url('../img/comunes/bg_productos.png') repeat top left;
}
	
	.videos .container {
		margin:auto;
		max-width: 960px;
		overflow:hidden;
		width:90%;
	}
					
				
/* ====================
    MOBILE: Footer
   ==================== */	

.footer-container {
	background-color: #444;
	clear:both;
    padding: 2.1875em 0 5.625em; /* 35px / 16px | 90px / 16px */
}	

footer {
	margin:auto;
	max-width: 960px;
	overflow:hidden;
	width:90%;
}
	
	footer .blocks {
		overflow:hidden;
		width:100%;
	}
	
	footer h3 {
		color: #6DBB1F;
	    font-family: 'OpenSansCondensedBold', sans-serif;
	    font-size: 1.125em; /* 18px / 16px */
	    font-weight:300;
		padding:0;
		margin-top:0;
	    margin-bottom: 0.83333333em; /* 15px / 18px */
	}
	
	footer .block {
		margin:0 0.625em; /* 10px / 16px */
	}
	
		footer .block.social {
			padding:1em 0;
			text-align:center;
		}
			
			footer .block.social h3 {
				color:#fff;
				font-family:'Open Sans', sans-serif;
				font-size:0.875em; /* 14px / 16px */
				font-weight:400;
			}
	
		footer .block.contact_chat {
			color: #FFF;
		    font-family: 'OpenSansCondensedLight',Arial,Helvetica,sans-serif;
		    font-size: 1.125em; /* 18px / 16px */
			line-height:1.22222222em; /* 22px / 18px */
			margin:0 auto;
			padding:0 2.0833333%; /* 20px / 960px */
			text-align: center;
			width:46.875%; /* 150px / 320px */
			width:100%;
		}
	
			footer .block.contact_chat img {
				display:block;
				margin:0 auto;
			}
		
		footer .block li {
			color:#fff;
			font-family:'Open Sans', sans-serif;
			font-size:0.875em; /* 14px / 16px */
			font-weight:400;
			margin-bottom:0.75em; /* 12px / 16px */
		}
		
			footer .block.social li {
				display:inline-block;
			}
		
		footer .block a {
			color:#fff;
			text-decoration:none;
		}
		
			footer .block a:hover {
				text-decoration:underline;
			}
		
	footer ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	footer .legal {
		border-top:1px solid #797979;
		clear:both;
		color:#CDD1D3;
		font-size:0.75em; /* 12px / 16px */
		margin-top:1.66666667em; /* 20px / 12px */
	}
	
		footer .legal p {
			float:left;
			margin:0;
			padding:3.33333333em 0 0; /* 40px / 12px */
		}
		
			footer .legal p a {
				color:#CDD1D3;
			}
		
		footer .legal .share {
			float:left;
			padding:3.33333333em 1.0416667% 0 0; /* 40px / 12px | 10px / 960px */
		}

/*---------- 30 12 2013---------------*/	
			
/* 27 12 2013  ----NUEVA FAQS----------------- */

	.videos .container .video {
	width:100%;
	margin-bottom: 1em;
	
	}

	.videos .container .video .caja_video {
    margin:0 auto;
    height:0px;
    width:100%; /*tomará el tamaño al 100% del #contenedor*/
    padding-top:56.25%; /*nos ayudara a la proporción del video*/
    position:relative;

	}
	
	
	.videos .container .video .caja_video IFRAME {
	   position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;

	}

 .videos .container .info_vid {
	margin: 0 0 1em 2%;
	}


	.videos .container .info_vid h2 {
			color:#000;
			font-family:'OpenSansCondensedLight' Arial, Helvetica, sans-serif;
			font-size: 1.75em; /* 28px / 16px */
    		font-weight: normal;
    		margin:0 0 0.42857143em; /* 12px / 28px */
    		text-transform:uppercase;
		}
		
		
		.videos .container .info_vid  p {
			color: #6D6D6D;
		    font-size: 0.9375em; /* 15px / 16px */
		    line-height: 1.46666667em; /* 22px / 15px */
		    margin-bottom: 2.33333333em; /* 35px / 15px */
		}
		
		.videos .container .timeline {
	clear:both;
	padding:1em 5% 1em 5%;
	background-color:#fff;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	margin-top: 3em;
		}
		
		.videos .container .timeline P.intro {
	margin-bottom:2em;
	font-size: 90%;
	line-height: 1.46667em;
		}
		
		.videos .container .timeline UL {
		margin:0;
		padding:0;
		}
		
		.videos .container .timeline UL LI {
	float:left;
	width:46%;
	list-style:none;
	margin:0 1.5% 3% 1.5%;
	background-color:#eeeeee;
		}
		
		.videos .container .timeline UL LI IMG {
	width:100%;
		}
		
		.videos .container .timeline UL LI SPAN {
	display:block;
	font-size:0.7em;
	margin-left:3%;
	padding:1em;
		}
		
		.videos .container .timeline UL LI  A SPAN {
		color:#333333;
		}
		.videos .container .timeline UL LI A:hover SPAN  {
		text-decoration:underline;
		}
		
		
	.resp_faqs {
	padding:1em;
	font-size:1em;
	background-color:#E9E9E9;
	margin:1em 0 1.8em 0;
	display:none;
	color:#333333;
		
	}


	
/*-----------LOGIN -------------------*/


	.center_box {
	background-color: #FFFFFF;
	border: 1px solid #D9DBDC;
	margin:0 auto; /* 20px / 16px | 10px / 960px */
	padding:1.875em 0; /* 30px / 16px */
	width:95%;
}

	.center_box_ayuda	{
	background-color: #FFFFFF;
	border: 1px solid #D9DBDC;
	margin:0 auto; /* 20px / 16px | 10px / 960px */
	width:95%;
}

.logo_login {
	text-align:center;
	}

.logo_login IMG{
	width:94%;
	margin:auto 0;
	text-align: center;
	}

.content_login {
	overflow:hidden;
	height:100%;
	padding:5% 0;
	background-color: #EAEAEA;
}

	.content_login .container {
	margin:0 auto; /* 20px / 16px */
	max-width: 960px;
	width:90%;
	}

.search {
	background-color:#333333;
 }

.search .container {
	margin:auto;
	max-width: 960px;
	overflow:hidden;
	width:90%;
	padding:2.3em 0 2em 0;
	color:#fff;
	text-align: center;
}

.search LABEL {
	display:block;
	margin-bottom:0.7em;
	color: #69aa28;
	font-size: 1.75em;
	text-align: center;
	font-family: 'OpenSansCondensedLight' Arial, Helvetica, sans-serif;
	margin-right: 1em;
	}

.search .container INPUT {
	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:0.6em 1em;
	border:none;
	font-size:0.3em 1em;
	margin-bottom: 1.2em;

	}
	
	.search .container INPUT.boton {
	background-color:#69aa28;
	color:#FFFFFF;
	font-family: 'OpenSansCondensedLight' Arial, Helvetica, sans-serif;
	}
		
		.search .container INPUT:hover.boton {
		background-color:#92e043;
		
		}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

			
	.facts li .bullet {
		width:14%; /* 50px / 200px */
	}
			
	.facts li .text {
		width:80%; /* 140px / 200px */
	}
	
	.principal .container .block {
		float:none;
		height:22.1875em; /* 355px / 16px */
		width:318px;
	}
	
	.principal .container .block h3 {
		margin:0 6.2893082%; /* 20px / 318px */
		top:10.4761905em; /* 220px / 21px */
		width:88.050314%; /* 280px / 318px */
	}
	
	.principal .container .block .button {
		font-size:0.875em; /* 14px / 16px */
	}
	
	.pagination {
		font-size:1em;
	}

	.content .primary .post .comment-add form fieldset .fields.double .field.one {
		width:43.887147%; /* 280px / 638px */
	}

	.content .primary .post .comment-add form fieldset .fields.double .field.two {
		width:47.021944%; /* 300px / 638px */
	}
	
	.advantages .thumbnail {
		float:left;
		width:40.625%; /* 390px / 960px */
	}
	
	.advantages .description {
		float:right;
		margin-left:0;
		width:54.166667%; /* 520px / 960px */
	}
	
	footer .block {
		float:left;
		width:22.916667%; /* 220px / 960px */
		width:28%; /* 220px / 960px */
	}
	
	footer .block.about {
		width:14.583333%; /* 140px / 960px */
		width:28%; /* 220px / 960px */
	}
	
	footer .block.social {
		clear:both;
		width:100%;
	}
		
	footer .block.social h3 {
		color:#fff;
		font-family:'Open Sans', sans-serif;
		font-size:0.875em; /* 14px / 16px */
		font-weight:400;
	}

	footer .block.social img {
		margin:3px;
	}







}

@media only screen and (min-width: 768px) {

	/* ====================
	    WIDE: 
	   ==================== */
	
	h1 {
		border-right:1px solid #CFCFCF;
		float:left;
		margin:0;
		padding-right:2.6041667%; /* 25px / 960px */
		padding:0 2.6041667% 0 0;
		width:50.041667%; /* 202px / 960px */
	}

	nav {
		float:left;
	  	padding:2.16666667em 0 0 1.0416667%; /* 14px / 12px | 10px / 960px */
		clear:left;
		width:50%;
	  	 /* 570px / 960px */
		
	}
	
	nav li {
		font-size:1em; /* 12px / 12px */
		display:inline-block;
	}

	.reg {
		float:right;
		font-size:1em;
		margin:0;
		width:22.020833%; /* 125px / 960px */
		
	}

	.reg li {
		float:right;
	}
	
	.reg li:first-child {
		margin-bottom:0.41666667em;
	}
	
	.multi {
		float:left;
		width:58.77193%; /* 670px / 1140px */
	}
	
	.claim {
		float:left;
		margin-left:-5.7017544%; /* 65px / 1140px */
		position:relative;
		width:40.350877%; /* 460px / 1140px */
		z-index:2;
	}
	
	.principal .container .block {
		float:left;
		margin:0 10px 16px;
	}
	
	.news .container .block {
		float:left;
		margin:0 4.0416667% 3.125em; /* 10px / 960px | 50px / 16px */
		width:282px;
	}
		
	.content.plans .box,
	.content.support .box {
		margin: 0 auto;
		float:none; /* 10px / 16px */
    	padding: 1.25em 20px 100px;
	    width: 100%; /* 415px / 960px */
		margin-bottom:2em;	
	}	
	
	.content.support .box {
    	padding: 1.25em 10px 0;
	}
		
	.subcontent.faqs .box .column {
	
		float:left;
	}
		
	.subcontent.support .box .column {
		/*width:46.666667%; /* 280px / 600px */
	}
	
	
		
	.subcontent.support .box .column .points,
	.subcontent.faqs .box .column .points {
		margin-left:2%; /* 24px / 280px */
	}
	
	.subcontent.support .box .column .points.border,
	.subcontent.faqs .box .column .points.border {
		
	}
	
	.pagination {
		font-size:1.5625em; /* 25px / 16px */
	}
	
	.content .primary .post .post_thumb {
		height:18.4375em; /* 295px / 16px */
	}

	.customers .container .box {
		width:20.3125%; /* 195px / 960px */
	}
	 
	.customers .container .box p {
		font-size:1.125em; /* 18px / 16px */
	}
	
	.calendar .container .event_list li .date {
		float:left;
		margin-right:2.1551724%; /* 20px / 928px */
		padding-right:1.6163793%; /* 15px / 928px */
		text-align:right;
		width:7.5431034%; /* 70px / 928px */
	}
	
	.calendar .container .event_list li .date span {
		display:block;
	}
	
	.calendar .container .event_list li .assist {
		top:0.83333333em; /* 15px / 18px */
	}
	
	footer .legal .share {
		float:right;
	}
	

	
	
	/* 27 12 2013  ----NUEVA FAQS----------------- */

	.videos .container .video {
	width:55%;
	float:left;
	background-color: #000000;
	overflow: hidden;
	
	
	}
	
	.videos .container .video .caja_video {
    margin:0 auto;
    height:0px;
    width:100%; /*tomará el tamaño al 100% del #contenedor*/
    padding-top:56.25%; /*nos ayudara a la proporción del video*/
    position:relative;

	}
	
	
	.videos .container .video .caja_video IFRAME {
	   position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;

	}

 .videos .container .info_vid {
	float:left;
	width:40%; /* 460px / 1140px */
	z-index:2;
	margin: 0 0 1em 2%;
	}

		
		.videos .container .timeline P.intro {
	margin-bottom:2em;
		}
		
		.videos .container .timeline UL {
		margin:0;
		padding:0;
		}
		
	
		.videos .container .timeline UL LI {
	float:left;
	width:30%;
	list-style:none;
	margin:0 1.5% 3% 1.5%;
	background-color:#eeeeee;
		}
		
		.videos .container .timeline UL LI IMG {
	width:55%;
	float:left;
		}
		
		.videos .container .timeline UL LI SPAN {
	display:block;
	float:left;
	font-size:0.7em;
	margin-left:3%;
	padding:0.5em;
	width: 35%;
		}
		
		.videos .container .timeline UL LI  A SPAN {
		color:#333333;
		}
		.videos .container .timeline UL LI A:hover SPAN  {
		text-decoration:underline;
		}

	
}

@media only screen and (min-width: 980px) {

	/* ===============
	    Large Width
	   =============== */
	   h1 {
		border-right:1px solid #CFCFCF;
		float:left;
		margin:0;
		padding-right:2.6041667%; /* 25px / 960px */
		padding:0 2.6041667% 0 0;
		width:38.041667%; /* 202px / 960px */
	}
	 
	 nav {
	  	width:35%; /* 500px / 960px */
		clear:none;
		padding-top:1.3em;
	 }

	.reg {
		margin:0.70em 0 0; /* 5px / 12px */
		width:18.666667%; /* 160px / 960px */
		
	}
	
		.reg li:first-child {
			margin-bottom:0;
		}
	  
	.claim,
	.facts {
		float:left;
		margin-left:-5.7017544%; /* 65px / 1140px */
		position:relative;
		width:40.350877%; /* 460px / 1140px */
		z-index:2;
	}
		
	.facts li .bullet {
		width:25%; /* 50px / 200px */
	}
				
	.facts li .text {
		width:74%; /* 140px / 200px */
	}
	
	.mas a.readmore {
		font-size:1.5em; /* 24px / 16px */
	}
	
	.mas .share {
		margin-top: 2.5em; /* 30px / 12px */
	}
	
	.principal .container .block {
		float:left;
		height:320px;
		margin:0 1px; /* 1px / 318px */
		width:286px;
	}
	
	.principal .container .block h3 {
		top:9em;
	}
	
	.news .container .block {
		margin:0 1px 1.25em;
	}
		
	.content.plans .box,
	.content.support .box {
    	padding: 1.25em 18px 100px;
	}
	
	.content.support .box {
    	padding: 1.25em 18px 0;
		float:left;
		width:43%; /* 600px / 960px */
		margin:1%;
	}
	
	.content.support .box h3 {
		font-size:2em; /* 43px / 16px */
		line-height:1.37209302em; /* 59px / 43px */ 
	}
		
	.content.support .box .boton {
		font-size:1.875em; /* 30px / 16px */
	}
	
	.subcontent.support .box {
		float:left;
		width:62.5%; /* 600px / 960px */
	}
	
	.subcontent.support .box.small {
		float:left;
		width:28.125%; /* 270px / 960px */
	}
	
	.primary {
		width:72.708333%; /* 698px / 960px */
	}
	
	.secondary {
		width:22.916667%; /* 220px / 960px */
	}

	.products .intro {
		float:left;
		margin-bottom:0;
		width:41.1%; /* 380px / 960px */
	}
	
	.products .video {
		float:right;
		width:55.833333%; /* 536px / 960px */
	}
		
	footer .block {
		width:22.916667%; /* 220px / 960px */
	}
	
	footer .block.about {
		width:14.583333%; /* 140px / 960px */
	}
	
	footer .block.social {
		border-left:1px solid #727272;
		clear:none;
		float:left;
		padding:0 0 0 2.0833333%; /* 20px / 960px */
		text-align: left;
		width:9.417%;
	}
	
	footer .block.contact_chat {
		border-left:1px solid #727272;
		float:right;
		width:13.541667%; /* 130px / 960px */
	}
	
	footer .block.contact_chat img {
		margin-bottom:0.9375em; /* 15px / 16px */
	}


	


}

@media only screen and (min-width: 1140px) {
	
	.principal .container .block {
		float:left;
		height:22.188em;
		width:318px;
	}
	
	.principal .container .block h3 {
		top:10.4761905em; /* 220px / 21px */
	}

	.news .container .block {
		margin:0 1.0416667% 1.25em; /* 10px / 960px | 20px / 16px */
		width:300px;
	}
		
	.content.plans .box,
	.content.support .box {
    	padding: 1.25em 20px 100px; /* 20px / 16px | 20px / 375px */
	}
	
	.content.support .box {
    	padding: 1.25em 20px 0; /* 20px / 16px | 20px / 375px */
	}
	
	
	/*-----------LOGIN -------------------*/

			.center_box {
	background-color: #FFFFFF;
	border: 1px solid #D9DBDC;
	margin:0 auto; /* 20px / 16px | 10px / 960px */
	padding:1.875em 0; /* 30px / 16px */
	width:70%;
}

.logo_login {
	text-align:center;
	}

.logo_login IMG{
	width:94%;
	margin:auto 0;
	text-align: center;
	}

.content_login {
	overflow:hidden;
	height:100%;
	padding:5% 0;
	background-color: #EAEAEA;
}

	.content_login .container {
	margin:0 auto; /* 20px / 16px */
	max-width: 960px;
	width:90%;
	}


	
	
}

abbr[title] {
	border:none;
}


 .contact {
	clear:both;
	margin:2.5em 0 1.25em; /* 40px / 16px | 20px / 16px */
	padding:1.875em 0; /* 30px / 16px */
	margin-bottom: 2.5em;
	}
	
	 .contact form fieldset legend {
	font-size:1.2em;
	margin:0 7.8369906% 0.41666667em 0; /* 50px / 638px | 10px / 24px */
		}
		
		.contact .contact-area {
	padding:0 1.875em 0 1.875em; /* 30px / 16px */
		
		}
	
	.contact form fieldset .fields {
	clear: both;
	margin:0;
	padding-top: 2em; /* 30px / 16px */
		}
	
		 .contact form fieldset .fields.single {
			width:96.394984%; /* 615px / 638px */
		}

	.contact form fieldset .fields.double .field.one {
			float:left;
			width:100%;
		}

		 .contact form fieldset .fields.double .field.two {
	float:left;
	width:95%;
	margin-top: 4%;
		}
		
			 .contact form fieldset .fields label,
			 .contact form fieldset .fields input,
			 .contact form fieldset .fields select
			 .contact form fieldset .fields textarea {
				font-family:'Open Sans', sans-serif;
			}
		
			.contact form fieldset .fields label {
				font-size:0.875em; /* 14px / 16px */
				display: block;
    			margin-bottom: 0.71428571em; /* 10px / 14px */
			}
			
			
	
			 .contact form fieldset .fields input,
			 .contact form fieldset .fields select,
			 .contact form fieldset .fields textarea {
	            background:#f5f5f5;
	        	border:1px solid #e8e8e8;
	            color: #333333;
	            font-family:'Open Sans', sans-serif;
	            font-size:0.8125em; /* 13px / 16px */
	            padding:8px 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
	        	border-radius:2px;
			}
			
			
			 .contact form fieldset .fields.double input,
             .contact form fieldset .fields.double textarea {
	width:95%;
			}
				
             .contact form fieldset .fields.single input,
			 .contact form fieldset .fields.single textarea,
             .contact form fieldset .fields.double .field.two input,
			 .contact form fieldset .fields.double .field.two textarea {
            	width:100%;
            }
			
		.contact form fieldset .controls {
			float:right;
			padding-top:1.25em; /* 20px / 16px */
		}
			
			.contact form fieldset .controls input {
				background-color:#333333;
				border:1px solid #e7e7e7;
				color:#fff;
				font-family:'OpenSansCondensedLight',sans-serif;
				font-size:1.25em; /* 20px / 16px */
				padding:0.5em 15px; /* 10px / 20px | 15px / 598px */
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
	        	border-radius:2px;
			}
			
			.contact form fieldset .controls input.enviar {
			background-color:#6dbb1f;
			}
			
			.contact form fieldset .controls input:hover.enviar {
			background-color:#87d03e;
			}
			
			.contact form fieldset .controls input.cancelar {
	background-color:#838383;
			}
			
			.contact form fieldset .controls input:hover.cancelar {
	background-color:#666666;
			}
			
			
			.contact form .mens {
			padding-top:1em;
			}
			
			.contact   A{ color:#69aa28;}
			
			.contact form .aster {
			color:#FF0000;
			}
			
			.contact form  P {
			text-align:left;
			font-size:0.8125em; /* 13px / 16px */
			
			}

			.contact .secondary .aux {
	padding:0.2em 1em;
	background-color:#FFFFFF;
	font-size: 110%;
			
			}



 .contact .cont_contact {
	background-color: #FFFFFF;
    border: 1px solid #D9DBDC;
	
	margin: 0 auto; /* 20px / 16px | 10px / 960px */ 
	padding:1.875em 0; /* 30px / 16px */
	width:65%;
}


.login {
	clear:both; /* 40px / 16px | 20px / 16px */
	padding:1.875em 0;
	}
	
	 form .login fieldset legend {
			font-family:'OpenSansCondensedLight', sans-serif;
			font-size:1.5em; /* 24px / 16px */
			font-weight:600;
			margin:0 7.8369906% 0.41666667em 0; /* 50px / 638px | 10px / 24px */
		}
		
		.login .contact-area {
	padding:0 1.875em 0 1.875em; /* 30px / 16px */
		
		}
	
	form .login fieldset .fields {
	clear: both;
	margin:0;
	padding-top: 1em; /* 30px / 16px */
		}
	
	form .login  fieldset .fields.single {
			width:96.394984%; /* 615px / 638px */
		}

	form .login  fieldset .fields.double .field.one {
	margin-bottom: 2em;

		}

		form .login fieldset .fields.double .field.two {

		}
		
			 form .login fieldset .fields label,
			 form .login fieldset .fields input,
			 form .login fieldset .fields select
			 form .login fieldset .fields textarea {
				font-family:'Open Sans', sans-serif;
			}
		
			form .login fieldset .fields label {
				font-size:0.875em; /* 14px / 16px */
				display: block;
    			margin-bottom: 0.71428571em; /* 10px / 14px */
			}
			
			
	
			 form .login fieldset .fields input,
			 form .login fieldset .fields select,
			 form .login fieldset .fields textarea {
	background:#f5f5f5;
	border:1px solid #e8e8e8;
	color: #333333;
	font-family:'Open Sans', sans-serif;
	font-size:0.8125em; /* 13px / 16px */
	padding:1em 1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius:2px;
			}
			
			
			 form .login  fieldset .fields.double input,
             form .login fieldset .fields.double textarea {
	width:95%;
			}
				
             form .login  fieldset .fields.single input,
			 form .login  fieldset .fields.single textarea,
             form .login  fieldset .fields.double .field.two input,
			 form .login  fieldset .fields.double .field.two textarea {
            	width:100%;
            }
			
		form .login fieldset .controls {
	padding-top:1.25em; /* 20px / 16px */
	text-align: center;
		}
			
			form .login fieldset .controls input {
				background-color:#333333;
				border:1px solid #e7e7e7;
				color:#fff;
				font-family:'OpenSansCondensedLight',sans-serif;
				font-size:1.25em; /* 20px / 16px */
				padding:0.5em 15px; /* 10px / 20px | 15px / 598px */
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
	        	border-radius:2px;
			}

				form .login fieldset .controls input.enviar {
					background-color: hsl(201, 39%, 65%);
				}

				form .login fieldset .controls input:hover.enviar {
					background-color: #00003D;
				}
			
			form .login fieldset .controls input.cancelar {
	background-color:#838383;
			}
			
			form .login fieldset .controls input:hover.cancelar {
	background-color:#666666;
			}
			
			
			form .login .mens {
			padding-top:1em;
			}
			
			.login   A{ color: black;}
			
			form .login .aster {
			color:#FF0000;
			}
			
			form .login P {
	text-align:center;
	font-size:0.8125em; /* 13px / 16px */
			
			}

			.login .secondary .aux {
	padding:0.2em 1em;
	background-color:#FFFFFF;
	font-size: 110%;
			
			}



 .login .cont_contact {
	background-color: #FFFFFF;
    border: 1px solid #D9DBDC;
	
	margin: 0 auto; /* 20px / 16px | 10px / 960px */ 
	padding:1.875em 0; /* 30px / 16px */
	width:65%;
}



.blank {
	clear:both;
	}		






/*..... CAPA AVISO COOKIES........*/

.av_cookies {
	background-color:#333333; 
	top:0px; 
	left:0px; 
	width:100%; 
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	
	}
	
	.av_cookies DIV {
	margin:0px auto;
	padding:10px 20px;
	position: relative;
	max-width: 960px;
	}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


.txt_dest {
	color:#6dbb1f;
} 

.videoResponsive{
    margin:0 auto;
    height:0px;
    width:100%; /*tomará el tamaño al 100% del #contenedor*/
    padding-top:56.25%; /*nos ayudara a la proporción del video*/
    position:relative;

}
.videoResponsive iframe{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}



.form_error {
	background-color:#666666;
	color:#E4E4E4;
	padding:1.2em;
	margin:2em 0;
	clear:both;
	box-shadow: 0px 0px 8px #666666;
   -webkit-box-shadow: 0px 0px 8px #666666;
   -moz-box-shadow: 0px 0px 8px #666666;
	}
	
	.form_error P {
	text-align:center;
	}

.form_error ul{	
	list-style-type:none;
}

.form_error ul li 
{
	color:White !important;
}

	

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* BEGIN Adaptación */


/* BEGIN LOPD */

#mensaje-ficha-fondo {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../_images/bg_black_trans.png);
    background-repeat: repeat;
}
               

#mensaje {
    z-index: 99;
    position: absolute;
    top: 150px;
    left: 50%;
    width: 750px;
    margin-top: -100px;
    margin-left: -350px;
    background-color: white;	
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px;
    font-weight: bold; 
    text-align: center;
    min-height:200px;
}

#mensaje iframe
{
	border:none;
	width: 100% !important;
	height: 590px !important;
}

                
/* END LOPD */


/* END Adaptación  */


/*14 01 29*/


.login_masinfo {
	margin-top:2em;
	text-align:center;
	}

.login_masinfo_ayuda {
	margin-top:2em;
	text-align:center;
	height: 45px
	}

	
.login_masinfo SPAN {
		color:#000;
		}
	
.login_masinfo_ayuda SPAN {
		color:#000;
		}
		
.img_icon { 
	vertical-align:top;
	margin-right:10px;
	}	
	
	
#EnlaceSubscripcionLaPagina
{
    display:block;
    background-image: url(../../_images/banner_lapagina.jpg);
    background-repeat: repeat;
    width:677px;
    height: 116px;
    text-decoration:none;
    margin-top: 2em;
    margin-left:auto;
    margin-right:auto;
}


 #logo_evidencias img
 {
     width:292px;
     height:72px;
     float:left;
     margin-left:16px;
 } 
 
 #logo_wke img 
 {
     width:204px;
     height:72px;
     float:right;
     margin-right:20px;
 }
             
 .logo_login
 {
    clear:both;
    overflow:hidden;
        
 }            
 
 #EnlaceAuditoriaEvidencias
{
    display:none;
    background-image: url(../../_images/Banner_Auditoria_Evidencias.jpg);
    background-repeat: repeat;
    width:675px;
    height: 116px;
    text-decoration:none;
    margin-top: 2em;
    margin-left:auto;
    margin-right:auto;
    border:solid 1px white;
}