@charset "utf-8";
a{cursor:pointer;-webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;margin:0 auto	}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;}
legend{color:#000;}a:focus{outline-style: none;}
.clear {clear:both}
strong{ font-weight:700;}
em{ font-style:italic;}
a:focus {outline:none !important;} 

html 	{

	background 	: #333;
	color 		: #333;
	height 		: 100%;
	position 	: relative;				
	text-align 	: center;			
				
}

body 	{

	overflow-y 	: scroll;  
	text-align 	: center;

}

.lock-dummie {
	
	position 			: relative;
	top 				: 0px;
	left 				: 0px;
	width 				: 100%;
	height 				: 112px; 

	background-color 	: #fff;

	-webkit-transition 	: height .15s ease-out;
	-moz-transition 	: height .15s ease-out;
	transition 			: height .15s ease-out; 

}

.lock .lock-dummie {
	
	height 			: 60px;

}

.header-wrapper {
	
	position 			: fixed;
	top 				: 0px;
	left 				: 0px;
	width 				: 100%;
	min-width 			: 980px;
	z-index 			: 10000;

}

.header-wrapper-2 {
	
	position 			: relative;
	width 				: 100%;
	height 				: 112px;
	min-width 			: 980px;
	background-color 	: #fff;

	-webkit-transition 	: width .25s ease-in-out, height .25s ease-in-out, box-shadow .25s ease-in-out;
	-moz-transition 	: width .25s ease-in-out, height .25s ease-in-out, box-shadow .25s ease-in-out;
	transition 			: width .25s ease-in-out, height .25s ease-in-out, box-shadow .25s ease-in-out; 

}

.lock .header-wrapper-2 {	

	height 				: 60px;
	box-shadow 			: 0 2px 7px rgba(0,0,0,.2);

}

.header 	{
	
	display 			: block;
	margin 				: 0px auto;
	width 				: 960px;
	position 			: relative; 	
	z-index 			: 1200;
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

}

.header .logo 	{

	width 		: 235px;
	height 		: 58px;
	left 		: 20px;
	position 	: absolute;				
	top 		: 28px;	

	-webkit-transition 	: width .25s ease-in-out, height .25s ease-in-out, top .25s ease-in-out;
	-moz-transition 	: width .25s ease-in-out, height .25s ease-in-out, top .25s ease-in-out;
	transition 			: width .25s ease-in-out, height .25s ease-in-out, top .25s ease-in-out; 

}

.lock .header .logo {

	width 		: 117px;
	height 		: 29px;
	top 		: 14px;

}

.header .login 	{

	display 	: none;

	position 	: absolute;

	width 		: auto; 
	height 		: auto;
	
	right 		: 5px;			
	top 		: 20px;


	background-image 		: url('../grp/lock-1.png');
	background-repeat 		: no-repeat;
	background-size 		: 18px;
	background-position 	: 14px 12px;
	padding-top 			: 32px;

	padding 				: 38px 3px 3px; 

	-webkit-transition 	: right .25s ease-in-out, top .25s ease-in-out, padding .15s ease-in-out;
	-moz-transition 	: right .25s ease-in-out, top .25s ease-in-out, padding .15s ease-in-out;
	transition 			: right .25s ease-in-out, top .25s ease-in-out, padding .15s ease-in-out; 

}

.lock .header .login 	{
	
	right 		: 5px;			
	top 		: 8px;

	padding 	: 8px 3px 3px 160px; 

}



.header .login .user	{

	position 	: absolute;

	top 		: 10px;
	left 		: 40px;

	font 		: italic 300 14px/22px 'Lato', sans-serif;
	color 		: #999;

}

.header .login fieldset {

	display 	: block;
	width 		: 460px;
	height 		: auto;
	margin 		: 0 auto;
	overflow 	: hidden;

}


.header .login label {

	position 	: relative;
	display 	: block;
	float 		: left;
	width 		: auto;
	text-align 	: center; 

}


.header .login label input {

	display 		: block;
	width 			: 180px;
	height 			: 24px;
	margin 			: 2px 4px; 

	background 		: #f4f4f4;
	border 			: solid 1px #fff;
	
	border-radius 	: 2px;
	padding 		: 2px 8px;
	
	font 			: 300 12px/18px 'Lato', sans-serif;
	color 			: #444; 

	box-shadow 		: none;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	-webkit-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out, width .15s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out, width .15s ease-in-out;
	transition 			: background-color .15s ease-in-out, opacity .65s ease-in-out, width .15s ease-in-out; 

}

.lock .header .login label input { width: 110px;}

.header .login label input:focus,
.header .login label textarea:focus,
.header .login label select:focus{ background-color: #f6f6f6;  }
.header .login label input:hover,
.header .login label textarea:hover,
.header .login label select:hover{ background-color: #f6f6f6;  }



.header .login label.bot {

	position 		: relative; 
	width 			: auto;
	height 			: auto;
	padding 		: 0;
	margin 			: 1px 0 3px 5px; 
	display 		: block; 
	border-radius 	: 2px;
	background 		: #ff2d4b;
	text-align 		: center;
	clear 			: none !important;

}

.header .login label.bot input {

	display 		: block;
	width 			: 60px;
	height 			: auto;
	margin 			: 5px;
	text-align 		: center; 

	background 		: none;
	border 			: none;
	padding 		: 0px 8px;
	
	font 			: 900 14px/16px 'Lato', sans-serif;
	color 			: #f2f2f2;
	box-shadow 		: none;
	border-radius 	: 2px;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	cursor 			: pointer;

}

.header .login label.bot:hover input,
.header .login label.bot:focus input {

	color 		: #fff; 

}

.header .login label.bot:hover {

	background 	: #666;

}

.editar { position: fixed; top: 5px; left:5px; color: #333; font : 900 12px/36px 'Lato', sans-serif; text-decoration: underline; z-index: 20000 }


.header .desplegar {

	position 	: absolute;
	top 		: -64px; 
	right 		: 10px;
	opacity 	: 0; 

	-webkit-transition 	: top .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition 	: top .25s ease-in-out, opacity .25s ease-in-out;
	transition 			: top .25s ease-in-out, opacity .25s ease-in-out;

}

.header .desplegar a img{

	width: 64px;
	height: 64px;

	display: block;

}

.lock .header .desplegar {

	top 		: -3px;
	opacity 	: 1; 

}


/* NAV 2*/


.wrapper-nav { 

	position 			: fixed;

	top 				: 112px;
	left 				: 0px;

	height 				: 51px;
	width 				: 100%;
	display 			: block;

	background-color 	: rgba(255,255,255,.95);

	z-index 			: 9999; 

	-webkit-transition 	: top .25s ease-in-out;
	-moz-transition 	: top .25s ease-in-out;
	transition 			: top .25s ease-in-out; 

}

.lock .wrapper-nav { 

	top 				: 0px;


	-webkit-transition 	: top .15s ease-in-out;
	-moz-transition 	: top .15s ease-in-out;
	transition 			: top .15s ease-in-out; 

}

.nav {
	
	position 	: relative; 
	width 		: 960px;
	height 		: 51px; 
	margin 		: 0 auto;
	display 	: block;
}


.nav2 {
	
	position 	: absolute; 
	bottom 		: 0px;
	left 		: 10px;
	width 		: auto; 
	height 		: auto;
	display 	: block; 


	
}

.nav2 > li {
	
	float 				: left;  
	width 				: auto; 
	height 				: 51px;
	display 			: block;
	position 			: relative;
	padding 			: 0 26px;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;	

	z-index: 10;
	
}

.nav2 > li:hover {
	
	z-index: 11;
	
}

.nav2 > li:before {

    content 			: "";
    display 			: block; 
    position 			: absolute;
    bottom 				: 0px;
    right 				: 50%;
    margin-left 		: -5px;
    width 				: 0; 
    height 				: 0; 
    border-right 		: 5px solid transparent;
    border-left 		: 5px solid transparent;
    border-top 			: 5px solid #ff1f4b;
    opacity 			: 0;

    -webkit-transition 	: opacity .15s ease-in-out;
	-moz-transition 	: opacity .15s ease-in-out;
	transition 			: opacity .15s ease-in-out; 

}

.nav2 > li:hover:before {

    opacity : 1;

}

.nav2 > li > a {
	
	font 				: 900 13px/51px 'Lato', sans-serif;
	text-align 			: left;
	display 			: block;
	color 				: #333;

	-webkit-transition 	: color .25s ease-in-out;
	-moz-transition 	: color .25s ease-in-out;
	transition 			: color .25s ease-in-out;

	-webkit-text-size-adjust: none; 
	
}

.nav2 > li:hover > a {
	
	color : #ff1f4b;
	
}

.nav2 > li.sel > a {
	
	color : #ff1f4b;
	
}


/* SUB 1 */

.nav2 > li:hover > .sub1 {
	
	opacity 			: 1; 
	pointer-events 		: auto;
	display 			: block;

	-webkit-transform 	: perspective(1000px) translate3d(0px,0px,0px);
	-moz-transform 		: perspective(1000px) translate3d(0px,0px,0px);
	transform 			: perspective(1000px) translate3d(0px,0px,0px);
	
}

.nav2 > li > .sub1 {
	
	position 			: absolute;
	top 				: 51px;
	left 				: 50%;
	width 				: 260px;
	height 				: auto;
	min-height 			: 120px;
	margin-left 		: -130px; 
	background-color 	: rgba(255,255,255,.9);
	box-shadow 			: 0 2px 2px rgba(0,0,0,.1);
	border-top 			: solid 1px #ff1f4b;
	display 			: block;
	padding 			: 20px;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transform 	: perspective(1000px) translate3d(0px,0,-30px);
	-moz-transform 		: perspective(1000px) translate3d(0px,0,-30px);
	transform 			: perspective(1000px) translate3d(0px,0,-30px);

	-webkit-transition 	: -webkit-transform .15s ease-in-out, opacity .2s ease-in-out;
	-moz-transition 	: -moz-transform 	.15s ease-in-out, opacity .2s ease-in-out;
	transition 			: transform 		.15s ease-in-out, opacity .2s ease-in-out;

	opacity 			: 0;
	pointer-events 		: none;
	
}

.nav2 > li:first-child > .sub1 {
	
	margin-left 		: -87px; 

	
}

.nav2 > li > .sub1 > li {	

	width 				: 220px;
	border-bottom 		: solid 1px #ccc;
	display 			: block;
	float 				: left;
	clear 				: both;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;
	
}

.nav2 > li > .sub1 > li:last-child {
	
	border-bottom 	: none;
	
}

.nav2 > li > .sub1 > li:hover > a {
	
	color 			: #ff1f4b;
	
}

.nav2 > li > .sub1 > li:hover > a:after {
	
    opacity 		: 1;
    right 			: 0px;

}

.nav2 > li > .sub1 > li > a {

	position 			: relative; 
	text-align 			: left;
	color 				: #565656;
	display 			: block;
	padding 			: 10px 0;
	width 				: auto;
	font 				: 400 11px/14px 'Lato', sans-serif;
	text-transform 		: uppercase; 

	-webkit-transition 	: color .15s ease-in-out;
	-moz-transition 	: color .15s ease-in-out;
	transition 			: color .15s ease-in-out;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;
	
}



/* FOOTER */

.footer {
	
	position 	: relative;
	width 		: auto;
	height 		: auto;
	margin 		: 0px auto;
	display 	: block;
	border-top 	: solid 1px #ff1f4b; 

}

.footer-bd {

	position 		: relative; 
	width 			: 960px;
	height 			: auto;
	overflow 		: hidden;
	margin 			: 10px auto;
	display 		: block;
	font 			: 300 14px/16px 'Lato', sans-serif;
	padding-bottom 	: 30px;

}

/* FOOTER MENU */

.footer-menu {

	float 		: left;
	text-align 	: left;
	width 		: 576px; 
	height 		: auto; 

}

.footer-menu > ul {

	float 		: left;
	text-align 	: left;
	margin 		: 10px;
 	width 		: 172px; 

}

.footer-menu > ul > li {

	float 		: left;
	text-align 	: left;
	clear 		: both; 

}

.footer-menu > ul > li > a {
	
	font-weight 	: 900; 
	color 			: #efefef;
	text-transform 	: uppercase;

	-webkit-transition 	: color .15s ease-in-out;
	-moz-transition 	: color .15s ease-in-out;
	transition 			: color .15s ease-in-out;

}

.footer-menu > ul > li > a:hover {
	
	color 		: #aaa;

}

.footer-menu > ul > li > ul > li {

	margin-top 	: 6px;

}

.footer-menu > ul > li > ul a {
	
	font-size 	: 14px;
	color 		: #a3a3a3;
	font-style 	: italic; 

	-webkit-transition 	: color .15s ease-in-out;
	-moz-transition 	: color .15s ease-in-out;
	transition 			: color .15s ease-in-out;

}

.footer-menu > ul > li > ul a:hover {
	
	color 		: #fff;

}

/* FOOTER LISTA */

.footer-lista {

	float 		: left;
	text-align 	: left;
	width 		: 192px; 
	height 		: auto; 

}

.footer-lista > ul {

	float 		: left;
	text-align 	: left;
	margin 		: 10px 10px 0;
 	width 		: 172px; 

}

.footer-lista > ul > li {

	float 		: left;
	text-align 	: left;
	clear 		: both; 

}

.footer-lista > ul > li > a {
	
	font-weight : 900; 
	color 		: #efefef;
	line-height : 18px;
	text-transform 	: uppercase;

	-webkit-transition 	: color .15s ease-in-out;
	-moz-transition 	: color .15s ease-in-out;
	transition 			: color .15s ease-in-out;

}

.footer-lista > ul > li > a:hover {
	
	color 		: #aaa; 

}


/* FOOTER DATOS */

.footer-datos {

	float 		: left;
	text-align 	: left;
	width 		: 192px; 
	height 		: auto;

}

.footer-datos .datos{

	float 		: left;
	text-align 	: left;
	width 		: 172px; 
	height 		: auto;

	color 		: #ccc;

}

.footer-datos .logo {

	float 		: left;
 	width 		: 150px; 	
 	margin 		: 10px 0 10px 0px;

}

.footer-datos .logo img	{
	
	width 		: 149px; 
	height 		: 68px;

}

.footer-datos .falcon {

	float 		: left;
 	width 		: 149px; 	
 	margin 		: 10px 0 10px 0px;

}

.footer-datos .falcon img	{
	
	width 		: 149px; 
	height 		: 91px;

}

.footer-datos .info{

	font 			: 300 13px/15px 'Lato', sans-serif;
	clear 			: both;
	color 			: #ebebeb;
	margin-bottom 	: 5px;

}

.footer-datos .info a {

	color 		: #ebebeb; 

}

.footer-datos .info a:hover {

	color 			: #fff;
	border-bottom 	: dotted 1px #fff;

}


/* FOOTER SN */

.footer-sn {

	position 	: absolute;
	bottom 		: 3px;
	right 		: 0px;  
	width 		: 192px; 
	height 		: auto;

}

.footer-sn a {
	
	width 				: 32px; 
	height 				: 32px;
	display 			: block;
	background-color 	: #b6b6b6;
	float 				: right;
	border-radius 		: 0 4px 0 4px;
	margin-left 		: 10px;
	background-size 	: 100%;
	box-shadow 			: 0 2px 2px rgba(0,0,0,.2); 

	-webkit-transition 	: background-color .25s ease-in-out;
	-moz-transition 	: background-color .25s ease-in-out;
	transition 			: background-color .25s ease-in-out;

}

.footer-sn .tw {

	background-image 	: url(../grp/tw.png); 

}

.footer-sn .fb {
	
	background-image 	: url(../grp/fb.png); 

}

.footer-sn a:hover {
	
	background-color 	: #fff; 

}


/* DEV */

.dev {
	
	width 		: 960px;
	font 		: 300 12px/16px 'Lato', sans-serif;
	text-align 	: left;
	height 		: 32px;
	margin 		: 0 auto;
	color 		: #333; 

}

.dev a {

	color: #333;

}

.dev .generada {

	color 		: #fff;

}

/* SECTION */

.section {
	
	background-color 	: #f2f2f2;
	min-width 			: 980px;
	min-height 			: 120px;

}

/* ARTICLE */

.top {

	background 			: #fff;
	min-height 			: 536px;
	position 			: relative;
	overflow 			: hidden;
	display 			: block;
	text-align 			: center;

}

.top:before {

	content 			: "";
	position 			: absolute;
	top 				: -20px;
	width 				: 100%;
	height 				: 20px;
	display 			: block;
	box-shadow 			: 0 10px 80px rgba(0,0,0,.6);
	z-index 			: 2;

}

.top input {

	opacity: 0;
	height: 1px;
	position: absolute;
	left:50%;
	bottom:50%;

	z-index: -1;

}

.top-slide {

	position 			: relative;
	display 			: block;
	min-height 			: 536px;
	overflow 			: hidden;
	z-index 			: 1;
	margin-left 		: 0;
	left 				: 0;

	-webkit-transition 	: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);

	-webkit-transition 	: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);

}

.top-slide li {
	
	position 			: relative;
	height 				: 536px;
	display 			: block; 
	margin 				: 0 auto;
	overflow 			: hidden;
	float 				: left;

}

.top-slide li img {

	position 			: absolute;
	top 				: 0;
	left 				: 50%;
	margin-left 		: -960px;
	margin-top 			: 0px;
	width 				: 1920px;
	height 				: 536px;  
	display 			: block;
	z-index 			: 1; 

}



.top-info {

	position 		: absolute;
	top 			: 0px;
	left 			: 50%;
	width 			: 980px;
	height 			: 536px;
	margin-left 	: -490px;
	z-index 		: 2;
	pointer-events 	: none;

}

.top-info-bd {

	position 	: relative;
	width 		: 980px;
	height 		: 536px;

}

.top-info-active {

	position 			: absolute;
	bottom 				: 20px;
	left 				: 0;
	width 				: 980px;
	pointer-events 		: auto;

}

.top-info-active .active {

	position 			: relative;
	display 			: inline-block;

	padding 			: 6px;
	z-index 			: 2;

}

.top-info-active .active label {
	
	position 			: relative;
	width 				: 16px;
	height 				: 16px;
	border-radius 		: 8px;
	background 			: #ff2d4b;
	float 				: left;
	display 			: block;
	margin 				: 6px;
	cursor 				: pointer;

	-webkit-transition 	: background-color .35s ease-in-out, opacity .5s ease-in-out;
	-moz-transition 	: background-color .35s ease-in-out, opacity .5s ease-in-out;
	transition 			: background-color .35s ease-in-out, opacity .5s ease-in-out;

}

.top-info-active .active label:first-child {

	background-color 	: #888;

}

.top-info-active .active label:hover {

	background-color 	: #333 !important;

}

/* TEXTO HOME */

.texto-home {

	background 	: #fff;
	padding 	: 20px 0 40px;

}

.texto-home-bd {

	width 		: 960px;
	margin 		: 80px auto 40px;
	height 		: auto;

	text-align 	: center;
	display 	: inline-block; 



}

.texto-home-bd p{


	font 			: 300 24px/32px 'Lato', sans-serif;
	color 			: #737373;
	text-align 		: center;
	margin-bottom 	: 40px;
	width 			: 800px;

}




/* COMO LO HACEMOS HOME */

.como-home {

	background 	: #fe1335;
	padding 	: 20px 0 40px;

}

.como-home-bd {

	width 		: 980px;
	margin 		: 0 auto;
	height 		: auto;

	text-align 	: center;
	display 	: inline-block; 

}

.como-home-titulo  {
	

	position 		: relative;
	display 		: inline-block; 
	width 			: auto;
	height 			: 59px;
	margin-bottom 	: 20px;
	margin-top 		: 20px;

	font 			: 300 30px/30px 'Lato', sans-serif;
	letter-spacing 	: -1px;
	color 			: #ffdce1; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transition 	: background-color .15s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out;
	transition 			: background-color .15s ease-in-out; 

}

.como-home-bd li {

	float 		: left;
	width 		: 460px;
	margin 		: 10px 10px 30px;
	position 	: relative;
	padding-top : 15px; 

}

.como-home-bd li h3{


	font 			: 300 23px/26px 'Lato', sans-serif;
	letter-spacing 	: -1px;
	color 			: #ffe6e8;
	text-align 		: center;
	width 			: 430px;
	display 		: block;
	margin-top 		: 10px;


}

.como-home-bd li .texto{


	font 		: 400 16px/22px 'Lato', sans-serif;
	color 		: #ffe6e8;
	text-align 	: left;
	margin-top 	: 10px;
	width 		: 430px;

}








/* DESTACADOS HOME */

.destacados-home {

	background-color 	: #fff;

}

.destacados-home-bd {

	width 			: 960px;
	margin 			: 0 auto;
	height 			: auto;
	overflow 		: hidden;
	padding-bottom 	: 30px;

}

.destacados-home-titulo {	

	position 		: relative;
	display 		: inline-block; 
	width 			: auto;
	height 			: 59px;
	margin-bottom 	: 20px;
	margin-top 		: 80px;

}

.destacados-home-titulo span {
	
	position 		: relative;
	display 		: block;
	font 			: 400 60px/60px 'Lato', sans-serif;
	letter-spacing 	: -1px;
	color 			: #ff2d4b; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transition 	: background-color .15s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out;
	transition 			: background-color .15s ease-in-out; 

}


.destacados-home-bd .padre{

	position 		: absolute;

	top 			: 10px;
	right 			: 0px;
	display 		: block;

	width 			: 300px;
	height 			: 20px; 
	
	margin 			: 0px auto;
	clear 			: both;
	font 			: 300 18px/40px 'Lato', sans-serif;
	color 			: #757575;

	text-align 		: center;

	border 			: dotted 1px #b9b9b9;
	border-bottom 	: none;

	border-radius 	: 6px 6px 0 0;
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

}


.destacados-home-bd li {
	
	position 		: relative;
	float 			: left;
	width 			: 300px;
	height 			: auto;

	overflow 		: hidden;
	display 		: block; 
	padding 		: 70px 0px 0;
	margin 			: 10px;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

}

.destacados-home-bd li .normal{

	float 		: left;
	width 		: auto;
	margin 		: 5px auto; 

}

.destacados-home-bd li h3{

	font 			: 900 18px/24px 'Ubuntu', sans-serif;
	letter-spacing 	: -1px;
	color 			: #ff2d4b;
	text-align 		: left;
	text-transform 	: uppercase; 
	margin 			: 0 10px; 

	-webkit-transition 	: color .25s ease-in-out;
	-moz-transition 	: color .25s ease-in-out;
	transition 			: color .25s ease-in-out;

}

.destacados-home-bd li:hover h3{

	color 			: #ff1f4b;

}

.destacados-home-bd li .texto{

	float 		: left;
	font 		: 300 16px/22px 'Ubuntu', sans-serif;
	color 		: #757575;
	text-align 	: left;
	margin 		: 15px 10px;

}







/* NOVEDADES HOME */

.novedades-home {

	background 	: #fff;
	padding 	: 40px 0 40px;

}

.novedades-home-bd {

	width 		: auto;
	margin 		: 0 auto;
	height 		: auto;

	text-align 	: center;
	display 	: inline-block; 

}

.novedades-home-titulo {	

	position 		: relative;
	display 		: inline-block; 
	width 			: auto;
	height 			: 59px;
	margin-bottom 	: 20px;
	margin-top 		: 40px;

}

.novedades-home-titulo a {
	
	position 		: relative;
	display 		: block;
	font 			: 400 60px/60px 'Lato', sans-serif;
	letter-spacing 	: -1px;
	color 			: #ff2d4b; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transition 	: background-color .15s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out;
	transition 			: background-color .15s ease-in-out; 

}

.novedades-home-bd li {

	float 		: left;
	width 		: 300px;
	margin 		: 10px;
	position 	: relative;
	padding-top : 15px; 

}

.novedades-home-bd li .fecha{

	float 			: left;
	font 			: 300 30px/30px 'Lato', sans-serif;
	color 			: #ff2d4b;
	text-align 		: left;
	margin-bottom 	: 10px;
	display 		: block;

}

.novedades-home-bd li h3{

	float 			: left;
	font 			: 900 18px/20px 'Lato', sans-serif;
	letter-spacing 	: 1px;
	color 			: #757575;
	text-align 		: left;
	text-transform 	: uppercase;
	display 		: block;
	clear 			: both;

}

.novedades-home-bd li .texto{

	float 		: left;
	font 		: 400 16px/22px 'Lato', sans-serif;
	color 		: #757575;
	text-align 	: left;
	margin-top 	: 10px;

}



/* REGISTRATE HOME */

.registrate-home {
	
	background-image 		: url('../bgs/registrate.jpg');
	background-size 		: cover;
	background-attachment 	:fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;
	
}	

.registrate-home-bd {

	width 		: 960px;
	padding 	: 40px 0 80px;
	position 	: relative;

}


.registrate-home-bd a {

	position 		: relative; 
	width 			: 200px;
	height 			: 200px;
	padding 		: 70px 14px; 
	display 		: block; 
	border-radius 	: 100px;
	background-color: #ff1f4b;
	color 			: #fff;
	margin 			: 0 auto;
	font 			: 900 23px/24px 'Lato', sans-serif;;
	text-align 		: center; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;
	
	-webkit-transition 	: background-color .15s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out;
	transition 			: background-color .15s ease-in-out; 

}

.registrate-home-bd a:before {

	content 			: "";
	position 			: absolute;
	top 				: -14px;
	left 				: 86px;   
	width 				: 0; 
    height 				: 0; 
    border-right 		: 14px solid transparent;
    border-left 		: 14px solid transparent;
    border-bottom 		: 16px solid #ff1f4b; 
	display 			: block;

}

.registrate-home-bd .titulo {

	font 		: 400 46px/46px 'Lato', sans-serif;
	width 		: 680px;
	color 		: #fff;
	margin 		: 10px auto 20px; 
	text-align 	: center;
	text-shadow : 0 1px 4px rgba(0,0,0,.6);

}

.registrate-home-bd .bajada {

	font 		: 400 26px/30px 'Lato', sans-serif;
	width 		: 680px;
	color 		: #fff;
	margin 		: 10px auto 20px; 
	text-align 	: center;
	text-shadow : 0 1px 4px rgba(0,0,0,.6);

}


/* CALENDARIO HOME */

.calendario-home {
	
	position 				: relative;
	background-image 		: url('../bgs/testimonios.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

	width 					: auto;
	height 					: auto;

	display 				: block;

}

.calendario-home-bd {

	width 		: 780px;
	height 		: auto;	
	margin 		: 0 auto;
	overflow 	: hidden;
	text-align 	: center;
	display 	: inline-block; 

}

.calendario-home-bd .inputs{

	opacity:0;
	position: absolute;
	top: 50%;
	left: 50%;

	width: 300px;
	margin-left: -150px;
	text-align: center;


}

.calendario-home-titulo {	

	position 		: relative;
	display 		: inline-block; 
	width 			: auto;
	height 			: 59px;
	margin-top 		: 30px;
	padding-bottom 	: 60px;

}

.calendario-home-titulo:after {
	
	content 			: "";
	position 			: absolute;
	bottom 				: 0px;
	left 				: 50%;
	margin-left 		: -37px;  		
	background-image 	: url(../grp/calendario.png);
	background-repeat 	: no-repeat;

	width 				: 73px;
	height 				: 52px;
	display 			: block; 

}

.calendario-home-titulo a {
	
	position 			: relative;
	width 				: auto;
	height 				: auto;
	display 			: block;
	font 				: 400 60px/60px 'Lato', sans-serif;
	letter-spacing 		: -1px;
	color 				: #ffffff;
	text-shadow 		: 0 1px 1px rgba(0,0,0,.2);

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transition 	: color .25s ease-in-out;
	-moz-transition 	: color .25s ease-in-out;
	transition 			: color .25s ease-in-out; 

}

.calendario-home-bd ul {

	position: relative;

	width 		: 780px;
	height 		: 190px;
	margin 		: 10px 0px 80px;

	margin-left : 0;
	left 		: 0; 

	overflow 	: hidden; 

	-webkit-transition 	: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);

	-webkit-transition 	: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);

}

.calendario-home-bd li {

	float 		: left;
	width 		: 780px;
	height 		: 190px; 

}

.calendario-home-bd li h4{

	float 		: left;
	font 		: 300 28px/40px 'Lato', sans-serif;
	color 		: #fff;
	display 	: block; 
	text-align 	: left;
	margin-top 	: 10px;
	width 		: 100%; 

	text-shadow : 0 1px 3px rgba(0,0,0,.6);


}







.calendario-info {

	position 		: absolute;
	bottom 			: 40px;
	left 			: 50%;
	width 			: 980px;
	height 			: 50px;
	margin-left 	: -490px;
	z-index 		: 2;
	pointer-events 	: none;

}

.calendario-info-bd {

	position 	: relative;
	width 		: 980px;

}

.calendario-info-active {

	position 			: absolute;
	top 				: 20px;
	left 				: 0;
	width 				: 980px;
	pointer-events 		: auto;

}

.calendario-info-active .active {

	position 			: relative;
	display 			: inline-block;

	padding 			: 6px;
	z-index 			: 2;

}

.calendario-info-active .active label {
	
	position 			: relative;
	width 				: 16px;
	height 				: 16px;
	border-radius 		: 8px;
	background-color	: #ff2d4b;
	float 				: left;
	display 			: block;
	margin 				: 6px;
	cursor 				: pointer;

	-webkit-transition 	: background-color .35s ease-in-out, opacity .5s ease-in-out;
	-moz-transition 	: background-color .35s ease-in-out, opacity .5s ease-in-out;
	transition 			: background-color .35s ease-in-out, opacity .5s ease-in-out;

}

.calendario-info-active .active label:first-child {

	background-color 	: #888;

}

.calendario-info-active .active label:hover {

	background-color 	: #333 !important;

}


/* ACERCA DE HDO */

.block-1 {

	background 	: #ff2d4b;
	padding 	: 120px 0 40px;

}

.block-1-bd {

	width 		: 880px;
	margin 		: 0 auto;
	height 		: auto;

	text-align 	: center;
	display 	: inline-block; 

}

.block-1-bd h2 {

	font 		: 300 40px/42px 'Lato', sans-serif;
	color 		: #fff;
	margin 		: 0 auto 30px;
	text-shadow : 0 1px 3px rgba(0,0,0,.3);

}

.block-2 {

	background 	: #fff;
	padding 	: 80px 0 20px;

}

.block-2-bd {

	position 	: relative;
	width 		: 880px;
	margin 		: 0 auto;
	height 		: auto;

	text-align 	: center;
	display 	: inline-block; 

}

.block-2-bd h3 {

	font 		: 300 28px/34px 'Lato', sans-serif;
	color 		: #6e6e6e;
	margin 		: 0 auto 50px;

}

.block-2-bd h4 {

	font 		: 300 28px/34px 'Lato', sans-serif;
	color 		: #6e6e6e;


}

.block-3 {

	padding 	: 0 0 20px;

	position 				: relative;
	background-image 		: url('../bgs/acerca-de-hdo-1.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-3-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;

	text-align 	: center;
	display 	: inline-block; 

}

.block-3-bd h3 {

	font 		: 300 28px/34px 'Lato', sans-serif;
	color 		: #6e6e6e;
	margin 		: 0 auto 50px;

}

.block-3-bd h4 {

	font 		: 300 28px/34px 'Lato', sans-serif;
	color 		: #6e6e6e;


}


.block-4 {

	padding 				: 200px 0 20px;

	position 				: relative;
	background-image 		: url('../bgs/mision-vision.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-4-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 200px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-4-bd h1 {

	font 		: 400 60px/60px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}

.block-4-bd h3 {

	font 		: 300 40px/40px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}

.block-5 {

	padding 			: 30px 0;
	background-color 	: #fff; 

}

.block-5-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 200px;

	text-align 	: center;
	display 	: inline-block; 

}


.block-6 {

	padding 				: 80px 0 20px;

	position 				: relative;
	background-image 		: url('../bgs/mision-vision-2.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-6-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 200px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-6-bd h2 {

	font 		: 400 60px/60px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}

.block-6-bd ul {

	font 		: 300 28px/36px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}

.block-6-bd ul li{

	margin 		: 0 auto 40px;

}

.block-6-bd ul li:before {

	content 		: "";
	display 		: block;
	width 			: 40px; 
	height 			: 40px;
	border-radius 	: 20px; 
	background-color: #fff;
	margin 			: 0 auto;

	font 			: 400 18px/40px 'Lato', sans-serif;
	color 			: #093d5d; 


}

.block-6-bd ul li:nth-child(1):before {

	content 		: "1";

}

.block-6-bd ul li:nth-child(2):before {

	content 		: "2";

}

.block-6-bd ul li:nth-child(3):before {

	content 		: "3";

}

.block-6-bd ul li:nth-child(4):before {

	content 		: "4";

}





.block-7 {

	padding 				: 200px 0 20px;

	position 				: relative;
	background-image 		: url('../bgs/el-sistema.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-7-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 200px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-7-bd h1 {

	font 		: 400 60px/60px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}

.block-7-bd h3 {

	font 		: 300 40px/40px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}




.block-8 {

	padding 			: 30px 0 20px;
	background-color 	: #fff; 

}

.block-8-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 200px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-8-bd h2 {

	font 		: 700 40px/42px 'Lato', sans-serif;
	color 		: #ff2d4b;
	margin 		: 20px auto 50px;

}

.block-8-bd h3 {

	font 		: 300 28px/36px 'Lato', sans-serif;
	color 		: #ff2d4b;
	margin 		: 0 auto 50px;

}

.block-8-bd p {

	font 		: 400 18px/26px 'Lato', sans-serif;
	color 		: #666;
	text-align 	: left;
	width 		: 880px; 
	margin 		: 0 auto 30px;

}





.block-9 {

	position 				: relative;
	background-image 		: url('../bgs/el-sistema-2.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-9-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 400px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-10 {

	position 				: relative;
	background-image 		: url('../bgs/el-sistema-3.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-10-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 400px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-11 {

	position 				: relative;
	background-image 		: url('../bgs/el-sistema-4.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-11-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 400px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-12 {

	position 				: relative;
	background-image 		: url('../bgs/el-sistema-5.jpg');
	background-size 		: cover;
	background-attachment 	: fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.block-12-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 400px;

	text-align 	: center;
	display 	: inline-block; 

}


.block-13 {

	padding 				: 200px 0 20px;

	position 				: relative;
	background-image 		: url('../bgs/visita-al-modulo.jpg');
	background-position 	: top;
	background-repeat 		: no-repeat;

}

.block-13-bd {

	position 	: relative;
	width 		: 960px;
	margin 		: 0 auto;
	height 		: auto;
	min-height 	: 200px;

	text-align 	: center;
	display 	: inline-block; 

}

.block-13-bd h1 {

	font 		: 400 60px/60px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}

.block-13-bd h3 {

	font 		: 300 40px/40px 'Lato', sans-serif;
	color 		: #ffffff;
	text-shadow : 0 1px 2px rgba(0,0,0,.4);
	margin 		: 0 auto 50px;

}



/* ENTRADAS */

.entrada {

	background-color 	: #f4f5f5;
	display 			: block; 

}

.entrada-top {
	
	position  			: relative;
	width 				: 100%;  
	height 				: 238px;
	text-align 			: center;
	display 			: table; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

}

.entrada-top-bd {
	
	margin 				: 0 auto;
	display 			: table-cell;
	vertical-align 		: middle; 

}

.entrada-top .titulo {
	
	max-width 		: 700px; 
	font 			: 400 50px/55px 'Lato', sans-serif;
	color 			: #fff;
	text-transform 	: uppercase;
	padding 		: 15px;
	word-spacing 	: 3px;

}

.entrada-bd {

	position 			: relative;
	display 			: block; 
	width 				: 980px;
	height 				: auto;
	background-color 	: #fff;
	min-height 			: 100px;

}

/* INFO MEDICA */

.informacion-medica .entrada-bd {

	background 	: none;

}

/* NOTICIAS */

.noticias .entrada-bd {

	background 	: none;

}

/* TESTIMONIOS */

.testimonios .entrada-bd {

	background 	: none;

}


/* PAGINADO */

.paginado {

	position 			: relative;
	display 			: block; 
	width 				: auto;
	height 				: auto;
	clear 				: both;


}

.paginado ul{

	position 			: relative;
	display 			: inline-block; 
	width 				: auto;
	height 				: auto;

}

.paginado ul li{

	float 				: left;
	display 			: block;
	margin 				: 10px; 	
	width 				: 64px;
 	height 				: 64px;
 	background-color 	: #fafafa;
 	border-radius 		: 0 8px 0 8px;


}

.paginado ul li a {
		
 	font 				: 300 18px/64px 'Lato', sans-serif;
 	color 				: #333;
	-webkit-transition 	: color .25s ease-in-out, border .25s ease-in-out, font-size .05s ease-in-out;
	-moz-transition 	: color .25s ease-in-out, border .25s ease-in-out, font-size .05s ease-in-out;
	transition 			: color .25s ease-in-out, border .25s ease-in-out, font-size .05s ease-in-out;
	border-bottom 		: dotted 1px #999;

}

.paginado ul li a:hover {

	border-bottom 	: solid 1px #222;
	font 			: 900 28px/64px 'Lato', sans-serif;
	color 			: #222; 

}

.paginado ul li.sel a {

	color 			: #333; 
	border-bottom 	: solid 1px #222;
	font-weight 	: 900;

}


/* CATEGORIA LISTA */

.categoria-lista {

	background 	: #f2f2f2;
	padding 	: 10px; 

}

/* INFO MEDICA */

.informacion-medica .categoria-lista {

	background 	: none;

}

/* NOTICIAS */

.noticias .categoria-lista {

	background 	: none;

}

/* TESTIMONIOS */

.testimonios .categoria-lista {

	background 	: none;

}


.categoria-lista-bd {

	width 		: auto;
	margin 		: 0 auto;
	height 		: auto;
	overflow 	: hidden;
	text-align 	: center;
	display 	: block; 

}



.categoria-lista-bd .padre{

	position 	: relative;
	display 	: block;

	width 		: 686px;
	
	height 		: auto;
	overflow 	: hidden;  
	margin 		: 20px auto 25px;
	clear 		: both;
	font 		: 300 48px/70px 'Lato', sans-serif;
	color 		: #fff;
	text-transform: uppercase;

	text-align 	: center;
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-hyphens 				:auto;
	-moz-hyphens 					:auto;
	-ms-hyphens 					:auto;
	hyphens 						:auto;
	-webkit-hyphenate-limit-lines 	:2;
	-moz-hyphenate-limit-lines 		:2;
	-ms-hyphenate-limit-lines 		:2;
	hyphenate-limit-lines 			:2; 

}


.categoria-lista-bd li {
	
	position 		: relative;
	float 			: left;
	width 			: 458px;
	height 			: 310px;
	overflow 		: hidden;
	display 		: block; 
	padding 		: 40px 16px 0 16px;

	margin 			: 10px; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transition 	: border .25s ease-in-out;
	-moz-transition 	: border .25s ease-in-out;
	transition 			: border .25s ease-in-out;

	background: #fff;
	border 	: solid 1px #fff; 

}

.categoria-lista-bd li:hover {

	border 	: solid 1px #ff839b;
	background: #fafafa; 

}


.categoria-lista-bd li .fecha {

	position 	: absolute;
	top 		: 5px;
	left 		: 16px;   
	font 		: 300 16px/28px 'Lato', sans-serif;
	text-align 	: left; 
	color 		: #333; 

}

.categoria-lista-bd li .img{

	float 		: left;
	border 		: solid 1px #383838;

	-webkit-transition 	: border .25s ease-in-out;
	-moz-transition 	: border .25s ease-in-out;
	transition 			: border .25s ease-in-out;

}

.categoria-lista-bd li:hover .img{

	border 		: solid 1px #ff1f4b;

}

.categoria-lista-bd li .img img{

	width 		: 176px;
	height 		: 117px;

	display: block;

}

.categoria-lista-bd li .info{

	float 		: left;
	width 		: 220px;
	margin-left : 20px;

}

.categoria-lista-bd li .normal{

	float 		: left;
	width 		: auto;

	margin 		: 30px auto; 

}

.categoria-lista-bd li .normal{

	float 		: left;
	width 		: 426px;
	height 		: auto;

	position: relative;

}

.categoria-lista-bd li .normal:after,
.categoria-lista-bd li .normal:before {

	content: '';

	width: 250px;
	height: 2px;
	background: #e7e7e7;

	display: block;

	position: absolute;

	top: -20px;
	left: 89px;

}

.categoria-lista-bd li .normal:after {

	top: auto;
	bottom: -40px;
	left: 89px;

}

.categoria-lista-bd li h3{


	font 			: 700 17px/20px 'Ubuntu', sans-serif;
	letter-spacing 	: -1px;
	color 			: #333;
	text-align 		: left; 

	-webkit-transition 	: color .25s ease-in-out;
	-moz-transition 	: color .25s ease-in-out;
	transition 			: color .25s ease-in-out;

}

.categoria-lista-bd li:hover h3{

	color 			: #ff1f4b;

}

.categoria-lista-bd li a .normal h3{
	
	font 			: 300 23px/30px 'Ubuntu', sans-serif;
	text-align 		: center; 

}

.categoria-lista-bd li .texto{

	float 		: left;
	font 		: 300 13px/22px 'Ubuntu', sans-serif;
	color 		: #444;
	text-align 	: left;
	margin-top 	: 15px;

}


/* CATEGORIA DETALLE */

.categoria-detalle {

	position 		: relative;
	display 		: block;
	width 			: 960px;
	overflow 		: hidden; 
	height 			: auto;
	padding-bottom 	: 140px;

	background-color: #fff;

}

.categoria-detalle-bd {

	position 	: relative;
	display 	: block;	
	width 		: 860px;	
	height 		: auto;
	overflow 	: hidden; 
	margin-top 	: 55px; 

}

.categoria-detalle-bd .padre{

	position 	: relative;
	display 	: block;

	width 		: 686px;
	
	height 		: auto;
	overflow 	: hidden;  
	margin 		: 20px auto 25px;
	clear 		: both;
	font 		: 300 24px/70px 'Lato', sans-serif;
	color 		: #ff1f4b;

	text-align 	: right;

	border-bottom: dotted 1px #b9b9b9;
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-hyphens 				:auto;
	-moz-hyphens 					:auto;
	-ms-hyphens 					:auto;
	hyphens 						:auto;
	-webkit-hyphenate-limit-lines 	:2;
	-moz-hyphenate-limit-lines 		:2;
	-ms-hyphenate-limit-lines 		:2;
	hyphenate-limit-lines 			:2; 

}

/* SN */

.categoria-detalle-bd .sn-titulo {	

	margin-top 	: 45px;
	border-top 	: dotted 1px #ccc;
	padding-top : 20px; 
	clear 		: both;
	display 	: block;
	float 		: left;
	font 		: 300 11px/42px 'Ubuntu', sans-serif;
	color 		: #333;
	width 		: 100%;
	height 		: auto;

}


.categoria-detalle-bd .sn {

	position 	: relative;
	display 	: inline-block;
	clear 		: both;
	margin 		: 0 auto;


}

.categoria-detalle-bd .sn li{

	position 	: relative;
	float 		: left;
	width 		: 32px;
	height 		: 32px;
	margin 		: 5px; 
	display 	: block;

}

.categoria-detalle-bd .sn a {
	
	width 				: 32px; 
	height 				: 32px;
	display 			: block;
	background-size 	: 100%;

	-webkit-transition 	: box-shadow .25s ease-in-out;
	-moz-transition 	: box-shadow .25s ease-in-out;
	transition 			: box-shadow .25s ease-in-out;

}

.categoria-detalle-bd .sn a span {

	display: none;

}

.categoria-detalle-bd .sn .tw a {

	background-image 	: url(../grp/tw.png); 

}

.categoria-detalle-bd .sn .fb a {
	
	background-image 	: url(../grp/fb.png); 

}

.categoria-detalle-bd .sn .lk a {

	background-image 	: url(../grp/lk.png); 

}

.categoria-detalle-bd .sn .pt a {
	
	background-image 	: url(../grp/pt.png); 

}

.categoria-detalle-bd .sn .gg a {
	
	background-image 	: url(../grp/gg.png); 

}

.categoria-detalle-bd .sn a:hover {
	
	box-shadow 			: 0 5px 12px rgba(0,0,0,.5); 

}




/* CONTENIDO */

.categoria-detalle-bd .fecha {

	float 		: left;
	width 		: auto;
	height 		: 28px; 
	font 		: 300 24px/28px 'Lato', sans-serif;
	text-align 	: left; 
	color 		: #ff1f4b;
	margin 		: 0px 87px 0px;

}

.categoria-detalle-bd h1,
.categoria-detalle-bd h2,
.categoria-detalle-bd h3,
.categoria-detalle-bd .p1,
.categoria-detalle-bd .p2,
.categoria-detalle-bd .p3,
.categoria-detalle-bd .link,
.categoria-detalle-bd .descarga,
.categoria-detalle-bd .video,
.categoria-detalle-bd .twitter {

	position 	: relative;
	display 	: block;
	float 		: left;
	width 		: 686px;
	height 		: auto;
	overflow 	: hidden;  
	margin 		: 0px 87px 25px;
	clear 		: both;
	font 		: 300 36px/36px 'Lato', sans-serif;
	color 		: #333;

	text-align 	: left; 
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-hyphens 				:auto;
	-moz-hyphens 					:auto;
	-ms-hyphens 					:auto;
	hyphens 						:auto;
	-webkit-hyphenate-limit-lines 	:2;
	-moz-hyphenate-limit-lines 		:2;
	-ms-hyphenate-limit-lines 		:2;
	hyphenate-limit-lines 			:2;


}

.categoria-detalle-bd h1{
	
	text-transform 		: uppercase; 
	margin-top 			: 20px;
	word-spacing 		: 3px;

}

.categoria-detalle-bd h2{
	
	font 				: 300 24px/28px 'Lato', sans-serif;
	text-transform 		: uppercase;
	margin-top 			: 20px; 

}

.categoria-detalle-bd h3{
	
	font 				: 400 18px/28px 'Lato', sans-serif;
	color 				: #dc0a0a;

}

.categoria-detalle-bd .h1b{
	
	text-transform 		: uppercase; 
	margin-top 			: 20px;
	font-weight 		: 900;   

}

.categoria-detalle-bd .p1{
	
	font 				: 400 18px/26px 'Lato', sans-serif;
	padding 			: 0; 

}


.categoria-detalle-bd .p2{
	
	font 				: 400 18px/28px 'Lato', sans-serif;
	margin-top 			: 15px;
	color 				: #222; 

}

.categoria-detalle-bd .p3{
	
	font 			 	: 400 18px/26px 'Lato', sans-serif;
	color 				: #fff; 
	background-color 	: #ff1f4b;
	padding 			: 25px; 

}

.categoria-detalle-bd .p1 a,
.categoria-detalle-bd .p2 a,
.categoria-detalle-bd .p3 a{

	color 				: #222;
	text-decoration 	: none;
	border-bottom 		: dotted 1px #999;  
	padding 			: 0 4px;
}

.categoria-detalle-bd .p3 a{ color 				: #fff; }

.categoria-detalle-bd .p1 a:hover,
.categoria-detalle-bd .p2 a:hover,
.categoria-detalle-bd .p3 a:hover{

	background-color: #333;
	color 			: #ddd;
	border-bottom 	: solid 1px #333;

}

.categoria-detalle-bd .p1 li{
	
 	position 	: relative;
 	padding-left: 22px;

}

.categoria-detalle-bd .p1 li:after{
	
 	content : '';

 	position: absolute;
 	top: 0px;
 	left: 0px;

 	width: 9px;
 	height: 9px;

 	background-color: #00ffff;

 	background-image: url('../grp/bull1.png');

}


.categoria-detalle-bd .link{
	
	font 			 	: 300 18px/26px 'Lato', sans-serif;
	display 			: inline;
	width 				: auto; 
	padding 			: 0 15px 0 30px;
	margin-bottom 		: 5px;

	-webkit-transition 	: color .25s ease-in-out;
	-moz-transition 	: color .25s ease-in-out;
	transition 			: color .25s ease-in-out;

}

.categoria-detalle-bd .link:hover {
	
	color : #222;

}


.categoria-detalle-bd .link:before {
	
	content 			: "";
	position 			: absolute;
	left 				: 8px;
	top 				: 8px;  
	width 				: 13px;
	height 				: 13px;
	display 			: block;
	background 			: url(../grp/link.png);
	background-size 	: 100%; 

}

.categoria-detalle-bd .link span {

	-webkit-transition 	: border .25s ease-in-out;
	-moz-transition 	: border .25s ease-in-out;
	transition 			: border .25s ease-in-out;
	
	border-bottom 		: dotted 1px #ccc; 

}

.categoria-detalle-bd .link:hover span {
	
	border-bottom 		: solid 1px #333; 

}

.categoria-detalle-bd .descarga {
	
	font 			 	: 300 18px/26px 'Lato', sans-serif;
	display 			: inline;
	width 				: auto; 
	height 				: auto; 
	padding 			: 0 15px 0 30px;
	margin-bottom 		: 10px;

	-webkit-transition 	: color .25s ease-in-out;
	-moz-transition 	: color .25s ease-in-out;
	transition 			: color .25s ease-in-out;

}

.categoria-detalle-bd .descarga:hover {
	
	color : #dc0a0a;

}

.categoria-detalle-bd .descarga:before {
	
	content 			: "";
	position 			: absolute;
	left 				: 6px;
	top 				: 7px;  
	width 				: 16px;
	height 				: 16px;
	border-radius 		: 8px;
	display 			: block;
	background 			: url(../grp/download.png);
	background-repeat 	: no-repeat;
	background-position : 50%; 
	background-color 	: #ff1f4b; 
	background-size 	: 13px; 

}

.categoria-detalle-bd .descarga span {

	-webkit-transition 	: border .25s ease-in-out;
	-moz-transition 	: border .25s ease-in-out;
	transition 			: border .25s ease-in-out;
	
	border-bottom 		: dotted 1px #ccc; 

}

.categoria-detalle-bd .descarga:hover span {
	
	border-bottom 		: solid 1px #dc0a0a; 

}

.categoria-detalle-bd .video {
	
	height 			: 320px;
	margin-top 		: 50px;

}

.categoria-detalle-bd .galeria {

	position 	: relative;
	display 	: block;
	float 		: left;
	width 		: 686px;
	height 		: auto;
	overflow 	: hidden;  
	margin 		: 60px 87px 45px;
	clear 		: both;
	text-align 	: left;
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;	

}

.categoria-detalle-bd .galeria:after {

	content 	: '';
	width 		: 684px;
	height 		: 513px;

	position: absolute;

	top: 0px;
	left: 0px;

	border: solid 1px #333;

}

.categoria-detalle-bd .galeria input {

	position 	: absolute;

	top 		: 400px;
	left 		: 0px; 

	z-index 	: -1; 

}

.categoria-detalle-bd .galeria .galeria-slide {

	position 	: relative;
	display 	: block;
	float 		: left;
	width 		: 686px;
	height 		: 575px;
	overflow 	: hidden;
	margin-left : 0;
	left 		: 0;
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transition 	: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: margin-left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);

	-webkit-transition 	: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: left .8s cubic-bezier(0.770, 0.000, 0.175, 1.000);	

}

.categoria-detalle-bd .galeria .galeria-slide li {

	float 		: left;
	width 		: 686px;
	height 		: 575px;	

}

.categoria-detalle-bd .galeria .galeria-slide li .epi {
	
	font 		: italic 300 14px/17px 'Lato', sans-serif;
	color 		: #333;
	margin 		: 5px 20px;
	
	opacity 	: 0;

	-webkit-transition 	: opacity .45s ease-in-out 0.8s;
	-moz-transition 	: opacity .45s ease-in-out 0.8s;
	transition 			: opacity .45s ease-in-out 0.8s;

}

.categoria-detalle-bd .galeria .galeria-slide li.show .epi{
	
	opacity 	:  1;

}

.categoria-detalle-bd .galeria .controles {
	
	position 		: relative;
	display 		: block;
	width 			: 686px;
	height 			: auto; 
	border-top 		: solid 1px #d0d1d1;
	border-bottom 	: solid 1px #d0d1d1;
	clear 			: both;
	margin-bottom 	: 25px;
	float 			: left;

}

.categoria-detalle-bd .galeria .controles .info{
	
	position 		: absolute;
	bottom 			: -25px;
	right 			: 10px;
	font 			: 300 12px/22px 'Lato', sans-serif;
	color 			: #aaa; 

}

.categoria-detalle-bd .galeria .controles .show{
	
	position 		: absolute;
	bottom 			: -24px;
	left 			: 0px;
	font 			: 300 12px/22px 'Lato', sans-serif;
	color 			: #aaa; 
	height 			: 26px; 

}

.categoria-detalle-bd .galeria .controles .show span{

	position 		: relative;	
	width 			: 19px;
	height 			: 19px; 
	display 		: block;
	float 			: left;
	margin 			: 6px 2px 0 0;
	cursor 			: pointer; 

}

.categoria-detalle-bd .galeria .controles .show .none{

	display: none;

}

.categoria-detalle-bd .galeria .controles .show span:hover{

	background 	: #ddd; 

}

.categoria-detalle-bd .galeria .controles .show span img{
	
	position 	: relative;
	width 		: 17px;
	height 		: 17px; 
	display 	: block;
	margin 		: 1px;

}


.categoria-detalle-bd .galeria .controles .active {
	
	position 	: relative;
	overflow 	: hidden;
	width 		: 584px;
	height 		: auto; 
	display 	: block;
	margin 		: 10px auto;

}

.categoria-detalle-bd .galeria .controles .active ul{

	position: relative;
	margin-left 	: 0;
	left 			: 0;
	top 			: 0;
	display 		: block;
	
	-webkit-transition 	: margin-left .45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: margin-left .45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: margin-left .45s cubic-bezier(0.770, 0.000, 0.175, 1.000);

	-webkit-transition 	: left .45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition 	: left .45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition 			: left .45s cubic-bezier(0.770, 0.000, 0.175, 1.000);

}

.categoria-detalle-bd .galeria .controles .active ul.grid{

	width 			: 584px !important;
	margin-left 	: 0 !important;
	left 			: 0 !important; 
	
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition:  margin-left 0 ease-in;
    -o-transition:  left 0 ease-in;
    transition: none;

}


.categoria-detalle-bd .galeria .controles .active label {

	position 	: relative;
	float 		: left;
	width 		: 80px;
	height 		: 60px;
	margin 		: 5px;
	cursor 		: pointer;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

}

.categoria-detalle-bd .galeria .controles .active label:before {

	content 	: "";
	position 	: absolute; 

	top 		: 0;
	left 		: 0;

	width 		: 100%;
	height 		: 100%;

	border 		: solid 2px transparent;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	-webkit-transition 	: border .45s ease-in-out;
	-moz-transition 	: border .45s ease-in-out;
	transition 			: border .45s ease-in-out;

}

.categoria-detalle-bd .galeria .controles .active img{
	
	display: block;

}

.categoria-detalle-bd .galeria .controles .active .activo {
	
	box-shadow 	: 0 3px 4px rgba(0,0,0,.2); 

}

.categoria-detalle-bd .galeria .controles .active .activo:before {

	border 		: solid 2px rgba(220,10,10,.8);

}

.categoria-detalle-bd .galeria .controles  .prev-next {

	position 		: absolute; 
	float 			: left;
	display 		: block;
	width 			: 686px;
	height 			: 64px; 
	pointer-events 	: auto;

}

.categoria-detalle-bd .galeria .controles  .prev-next label {

 	position 			: absolute;
 	top 				: -300px;
	width 				: 64px;
	height 				: 64px;
	display 			: block;
	background-position : 50%;
	background-repeat 	: no-repeat;
	color 				: #333;	
	cursor 				: pointer;
	opacity 			: 0; 

}

.categoria-detalle-bd .galeria .controles  .prev-next label.prev {

	display 			: block;
	visibility 			: visible;
	opacity 			: 1;
	top 				: 10px;
	left 				: -10px;
	background-image 	: url(../grp/prev.png);
	background-size 	: 25%; 

}

.categoria-detalle-bd .galeria .controles  .prev-next label.next {

	display 			: block;
	visibility 			: visible;
	opacity 			: 1;
	top 				: 10px;
	right 				: -10px; 
	background-image 	: url(../grp/next.png);
	background-size 	: 25%; 

}

.categoria-detalle-bd .tira {

	position 	: relative;
	display 	: block;
	float 		: left;
	width 		: 588px;
	height 		: auto;
	overflow 	: hidden;  
	margin 		: 10px 21px 25px;
	clear 		: both;
	text-align 	: left; 
	
	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;	

}

.categoria-detalle-bd .tira li{

	float 	: left;
	width 	: 196px;
	height 	: 196px;
	border 	: solid 1px #fff;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;	

}


.categoria-detalle-bd .twitter {
	
	text-align: center;

}

.categoria-detalle-bd .twitter .twitter-tweet {

	width: 552px;

}

.categoria-detalle-bd .status {

	margin 		: 25px;
	font 		: 300 16px/16px 'Lato', sans-serif;
	color 		: #ff1f4b;
	text-align 	: center;
	display 	: block;
	opacity 	: 0; 

	-webkit-transition 	: opacity .65s ease-in-out;
	-moz-transition 	: opacity .65s ease-in-out;
	transition 			: opacity .65s ease-in-out; 

}


/* CONTACTO */

.contacto .section 	{ 

	background-image 	: url('../bgs/contacto.jpg');
	background-repeat 	: no-repeat;
	background-position : top center;  

}

/* ASIDE */

.contacto-aside {

	position 	: relative;
	display 	: block;	
	float 		: left;
	width 		: 320px;	
	height 		: auto;
	min-height 	: 20px; 
	overflow 	: hidden; 
	background 	: #fff; 

}

.contacto-aside .datos {

	position 	: relative;

	float 		: left;
	width 		: 290px;	
	height 		: auto;
	min-height 	: 20px; 
	overflow 	: hidden;
	margin-left : 20px; 
	background 	: #fff; 

	display 		: block; 

	border-right 	: solid 1px #ccc;
	border-bottom 	: solid 1px #ccc; 

	font 			: 900 16px/22px 'Lato', sans-serif;
	text-align 		: left;

	padding 		: 24px 20px; 
	color 			: #383838; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	-webkit-transition 	: color .25s ease-in-out;
	-moz-transition 	: color .25s ease-in-out;
	transition 			: color .25s ease-in-out;

}

.contacto-aside .datos a {

	color 			: #383838; 

}

.contacto-aside .datos a:hover {

	color 			: #333; 

}

/* CONTACTO DETALLE */

.form-bd {

	position 			: relative;
	display 			: block; 
	width 				: 960px;
	height 				: auto;
	background-color 	: #fff;
	min-height 			: 100px;

	box-shadow 			: 0 1px 1px rgba(0,0,0,.1); 

}

.contacto-detalle {

	position 		: relative;
	display 		: block;
	width 			: 960px;
	overflow 		: hidden; 
	height 			: auto;
	padding-bottom 	: 140px;

}

.contacto-detalle-wrapper{

	position 	: relative;
	display 	: inline-block;	

}

.contacto-detalle-bd {

	position 	: relative;
	display 	: block;	
	float 		: left;
	width 		: 640px;	
	height 		: auto;
	overflow 	: hidden; 
	margin-top 	: 55px; 

}

.contacto-detalle-bd fieldset {

	display 	: block;
	width 		: 572px;
	text-align 	: center;
	margin 		: 0 auto 0 30px;

}


.contacto-detalle-bd .status {

	margin 		: 25px;
	font 		: 300 16px/16px 'Lato', sans-serif;
	color 		: #ff1f4b;
	text-align 	: center;
	display 	: block;
	opacity 	: 0; 

	-webkit-transition 	: opacity .65s ease-in-out;
	-moz-transition 	: opacity .65s ease-in-out;
	transition 			: opacity .65s ease-in-out; 

}


/* NEWSLETTER REGISTRO */

.newsletter .section 	{ 

	background-image 	: url('../bgs/newsletter.jpg');
	background-repeat 	: no-repeat;
	background-position : top center;  

}

.news-registro-detalle {

	position 		: relative;
	display 		: block;
	width 			: 960px;
	overflow 		: hidden; 
	height 			: auto;
	padding-bottom 	: 140px;

}

.news-registro-detalle-wrapper{

	position 	: relative;
	display 	: inline-block;	

}

.news-registro-detalle-bd {

	position 	: relative;
	display 	: block;	
	float 		: left;
	width 		: 686px;	
	height 		: auto;
	overflow 	: hidden; 
	margin-top 	: 95px; 

}

.news-registro-detalle-bd fieldset {

	display 	: block;
	width 		: 686px;
	text-align 	: center;
	margin 		: 0;

}

.news-registro-detalle-bd fieldset fieldset {

	display 	: block;
	width 		: 340px;
	text-align 	: center;
	margin 		: 0;

}
.news-registro-detalle-bd fieldset fieldset:first-child {
	
	width 		: 339px;
	border-right: solid 1px #d0d1d1;

}

.news-registro-detalle-bd fieldset fieldset legend{

	text-align 		: left;
	display 		: block;
	width 			: 280px;
	padding 		: 30px 20px 20px;
	font 			: 300 26px/26px 'Lato', sans-serif;
	color 			: #444;
	text-transform 	: uppercase;

}



.news-registro-detalle-bd .opciones label{

	width 		: auto;
	height 		: auto;
	border 		: none;
	margin 		: 5px 5px 5px 25px;
	float 		: left;
	clear: both;
	
}

.news-registro-detalle-bd .opciones input{

	float 		: left;
	width 		: 20px;
	height 		: 20px;
	border 		: none;
	margin 		: 0;
	
}

.news-registro-detalle-bd .opciones span{

	float 		: left;
	width 		: auto;
	height 		: auto;
	border 		: none;
	margin 		: 0 10px;
	
}

.news-registro-detalle-bd .status {

	margin 		: 25px;
	font 		: 300 16px/16px 'Lato', sans-serif;
	color 		: #ff1f4b;
	text-align 	: center;
	display 	: block;
	opacity 	: 0; 

	-webkit-transition 	: opacity .65s ease-in-out;
	-moz-transition 	: opacity .65s ease-in-out;
	transition 			: opacity .65s ease-in-out; 

}

/* FORMS */

fieldset {

	display 	: block;
	width 		: 572px;
	height 		: auto;
	text-align 	: center;
	margin 		: 0 auto 0 30px;
	overflow 	: hidden;
	float 		: left;

}



label {

	position 	: relative;
	display 	: block;
	float 		: left;
	width 		: auto;
	text-align 	: center; 

}


label input {

	display 		: block;
	width 			: 266px;
	height 			: 56px;
	margin 			: 10px; 

	background 		: #fff;
	border 			: solid 1px #d0d1d1;
	border-color 	: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
	border-radius 	: 0px;
	padding 		: 16px 16px;
	
	font 			: 300 16px/22px 'Lato', sans-serif;
	color 			: #333; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	-webkit-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	transition 			: background-color .15s ease-in-out, opacity .65s ease-in-out; 

}

label input.full {

	width 		: 552px;

}

label input.med {

	width 		: 122px;

}

label input[type=file] {	
	
	font 		: 300 12px/22px 'Lato', sans-serif;

}

label input[type=checkbox] {	
	
	padding: 0;

}

label select {

	display 		: block;
	width 			: 75px;
	height 			: 56px;
	margin 			: 10px; 

	background 		: #fff;
	border 			: solid 1px #d0d1d1;
	border-color 	: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
	border-radius 	: 0px;
	padding 		: 16px 8px;
	
	font 			: 300 13px/22px 'Lato', sans-serif;
	color 			: #333; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	-webkit-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	transition 			: background-color .15s ease-in-out, opacity .65s ease-in-out; 

	-webkit-appearance: none;

}


label textarea {

	display 		: block;
	width 			: 552px;
	height 			: 185px;
	margin 			: 10px; 

	background 		: #fff;
	border 			: solid 1px #d0d1d1;
	border-color 	: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
	border-radius 	: 0px;
	padding 		: 16px 16px;
	
	font 			: 300 16px/22px 'Lato', sans-serif;
	color 			: #333; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	-webkit-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	transition 			: background-color .15s ease-in-out, opacity .65s ease-in-out; 

}

label input:focus,
label textarea:focus,
label select:focus{ box-shadow 		: 0 1px 3px rgba(0,0,0,.1); background-color: #f6f6f6;  }
label input:hover,
label textarea:hover,
label select:hover{ box-shadow 		: 0 1px 3px rgba(0,0,0,.1); }



label.bot {

	position 		: relative; 
	width 			: 76px;
	height 			: 76px;
	padding 		: 0; 
	display 		: block; 
	border-radius 	: 38px;
	background-color: #383838;
	color 			: #fff;
	margin 			: 10px auto;
	font 			: 700 14px/14px 'Ubuntu', sans-serif;
	text-align 		: center;
	border 			: none;
	float 			: none;
	clear 			: both;


	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;
	
	-webkit-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	-moz-transition 	: background-color .15s ease-in-out, opacity .65s ease-in-out;
	transition 			: background-color .15s ease-in-out, opacity .65s ease-in-out; 

}

label.bot:before {

	content 			: "";
	position 			: absolute;
	top 				: 75px;
	left 				: 31px;   
	width 				: 0; 
    height 				: 0; 
    border-right 		: 7px solid transparent;
    border-left 		: 7px solid transparent;
    border-top 			: 8px solid #383838; 
	display 			: block;

	-webkit-transition 	: border-top .15s ease-in-out;
	-moz-transition 	: border-top .15s ease-in-out;
	transition 			: border-top .15s ease-in-out; 
}

label.bot:hover,
label.bot:focus {

	background-color: #ff1f4b; 

}

label.bot:hover:before,
label.bot:focus:before {

	border-top 	: 8px solid #ff1f4b; 

}

label.bot input {

	display 	: block;
	width 		: 76px;
	height 		: 76px;
	margin 		: 0;
	text-align 	: center; 

	background 	: none;
	border 		: none;
	padding 	: 0;
	
	font 		: 900 16px/16px 'Lato', sans-serif;
	color 		: #aaa;
	box-shadow 	: none; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	cursor 			: pointer;

}

label.bot:hover input,
label.bot:focus input {

	color 		: #fff; 

}

.bot2 {

	position 		: relative; 
	width 			: auto;
	height 			: auto;
	padding 		: 0; 
	display 		: block; 

	background-color: transparent;
	margin: 15px;

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box;

	float: right;
	

}

.bot2.del {

	float: left;

}

.bot2.del input{

	font 		: 300 13px/16px 'Lato', sans-serif;
	border-left : none;	

}

.bot2 input,
.bot2 a {

	display 	: block;
	width 		: auto;
	height 		: auto;
	margin 		: 10px;
	text-align 	: left;

	background 	: none;
	border 		: none;
	padding 	: 10px;

	border-left: solid 1px #444;
	
	font 		: 900 16px/16px 'Lato', sans-serif;
	color 		: #ff1f4b;
	box-shadow 	: none; 

	-webkit-box-sizing 	: border-box; 
	-moz-box-sizing 	: border-box; 
	box-sizing 			: border-box; 

	cursor 			: pointer;

}

.bot2 input:hover,
.bot2 a:hover {

	color: #444;
	background: #ccc;

}

.bot2 input:focus,
.bot2 a:focus {

	color: #444;
	background: #ccc;

}

label span {

	text-align 	: left;
	font 		: 300 16px/16px 'Lato', sans-serif;
	display 	: block;
	margin-left : 12px;
	margin-top 	: 10px;
	color 		: #333;

}

/* shake effect */
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

.shake {
	color:red;
	display:inline-block;
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;	
}


.acerca-de-hdo 					{ }
.acerca-de-hdo .section 		{ 

	background-image 	: url('../bgs/acerca-de-hdo.jpg');
	background-repeat 	: no-repeat;
	background-position : top center;  

}

.servicios 						{ }
.servicios .section 			{ 

	background-image 	: url('../bgs/servicios.jpg');
	background-repeat 	: no-repeat;
	background-position : top center;  

}

.informacion-medica 			{ }
.informacion-medica .section 	{ 

	background-image 		: url('../bgs/informacion-medica.jpg');
	background-size 		: cover;
	background-attachment 	:fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;


}

.noticias 						{ }
.noticias .section 				{ 

	background-image 		: url('../bgs/noticias.jpg');
	background-size 		: cover;
	background-attachment 	:fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.preguntas-frecuentes 			{ }
.preguntas-frecuentes .section 	{ 

	background-image 		: url('../bgs/preguntas-frecuentes.jpg');
	background-size 		: cover;
	background-attachment 	:fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}

.testimonios 			{ }
.testimonios .section 	{ 

	background-image 	: url('../bgs/testimonios.jpg');
	background-size 		: cover;
	background-attachment 	:fixed;
	background-position 	: center;
	background-repeat 		: no-repeat;

}
