@font-face {
    font-family: 'bambino-bolduploaded_file';
    src: url('/font/bambino_bold-webfont.woff2') format('woff2'),
         url('/font/bambino_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bambino-regularuploaded_file';
    src: url('/font/bambino-webfont.woff2') format('woff2'),
         url('/font/bambino-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bambino-lightuploaded_file';
    src: url('/font/bambino_light-webfont.woff2') format('woff2'),
         url('/font/bambino_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('/font/DuplicateIonic-Medium.eot');
	src: url('/font/DuplicateIonic-Medium.eot?#iefix') format('embedded-opentype'),
		url('/font/DuplicateIonic-Medium.woff') format('woff'),
		url('/font/DuplicateIonic-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('/font/DuplicateIonic.eot');
	src: url('/font/DuplicateIonic.eot?#iefix') format('embedded-opentype'),
		url('/font/DuplicateIonic.woff') format('woff'),
		url('/font/DuplicateIonic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('/font/DuplicateIonic-Light.eot');
	src: url('/font/DuplicateIonic-Light.eot?#iefix') format('embedded-opentype'),
		url('/font/DuplicateIonic-Light.woff') format('woff'),
		url('/font/DuplicateIonic-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


html {
	font-size: 62.5%;	
}

body {

	font-family: 'bambino-regularuploaded_file';
font-size:20px;
font-size:2rem;
line-height:2.8rem;
color:#595957;
overflow-x:hidden;
background:#ffffff;}

.precarga {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 20000;
	opacity: .5;
	filter: alpha(opacity=80);

}

.loader {
	position:absolute;
	left:50%;
	top:50%;
	margin:-10px 0 0 -10px;

	}
	
a, a:hover {
	color:#67a77a;}

h1 {
	position:absolute;
	top:-100000px;	
}

.homeh1 {
	position: relative;
	top: 0;
	
}

h1, h2, h3, h4, h5 {
		  font-family: 'bambino-bolduploaded_file';
font-style: normal;}

abbr {
	border: none !important;	
}

.clearfix.dedos {
	clear: none !important;
	float: left !important;
}

img {
    -webkit-transform: translate3d(0, 0, 0) !important;
}

span.hidden-title {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

}

h2 {
font-style: normal;
font-weight:700;
font-size:20px;
font-size:2rem;
text-transform:uppercase;
margin:20px 0 15px 0;
padding:0;
}

.indice  {
	display:none;
	background:#ffffff;
}
	

.img_design {
	width:100%;
	max-width:1300px;
	margin-bottom:50px;}

.centered {
   text-align: center;

}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;

}



.customer {
	position:absolute !important;
		top:75px;
		left:25px;
	width:45px;
	height:46px;
	z-index:10;
	overflow:hidden;
	 -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative;
	}
	
.customer:hover {
	width:45px;
	padding-right:296px;
	padding-bottom:120px;
}

.customer a{
		background: url(http://propuesta-lotura.clienteslotura.com/img/customer.svg) no-repeat center;
		background-size:29px 31px;
	width:29px;
	height:31px;
		display:block;
		position:relative;
		z-index:2;
		
		
}

.customer a:hover {
background:url(http://propuesta-lotura.clienteslotura.com/img/customer_hover.svg) no-repeat center;
background-size:29px 31px;
	width:29px;
	height:31px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-decoration:none;
}


.customer .slideright {margin:-30px -0px 0 -250px; width: 220px; height:106px; background-color: #262b30;  -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;text-align: left; line-height:17px; font-size:15px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative; line-height:45px; padding-left:15px;
z-index:0;
	position:relative;
		z-index:1;
		color:#fff;}




.customer:hover .slideright { -webkit-transform: translate(315px,0); -moz-transform: translate(315px,0); -o-transform: translate(315px,0); -ms-transform: translate(315px,0); transform: translate(315px,0); }


.new {
	background:#fff;
	min-height:370px;
	min-height:170px\0/;
	position:relative;
	padding:69% 0 40px 0;
	padding:74% 0 40px 0\0/;
	 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-bottom:30px;}
	
.new img {
	width:100%;
	position:absolute;
	top:0;
	left:0;}
	
	
.new h3 {
	 font-family: "futura-pt",sans-serif;
font-style: normal;
font-size:17px;
font-size:1.7rem;
line-height:24px;
line-height:2.4rem;
font-weight:lighter;
padding:0 15px 0 15px;}

.new a {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	display:block;
	z-index:2;
	text-indent:-9999px;
		background: url(http://propuesta-lotura.clienteslotura.com/img/dot.png)\0/;}
	
.new .news_data {
	text-transform:uppercase;
	color:#817f7f;
	font-weight:700;
	font-size:13px;
	font-size:1.3rem;
	position:absolute;
	left:15px;
	bottom:5px;}
	
.news_data2 {
	text-transform:uppercase;
	color:#817f7f;
	font-weight:700;
	font-size:13px;
	font-size:1.3rem;
	position:relative;
	left:0px;
	bottom:5px;}

.new:hover .arrow_more2 {
		   -moz-animation-duration: 0.4s;
      -webkit-animation-duration: 0.4s;
      -moz-animation-name: arrow_more2;
      -webkit-animation-name: arrow_more2;
      -moz-animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-direction: alternate;
      -webkit-animation-direction: alternate;
}
	  
	    @-moz-keyframes arrow_more2 {
      from {
        margin-right:0;
      }
      
  
      to {
        margin-right:5px;
      }
    }
    
    @-webkit-keyframes arrow_more2 {
      from {
       margin-right:5px;
      }
      

      
      to {
         margin-right:0;
      }
    }
	
	
.new:hover {
background-color: #fff;
-moz-box-shadow: 0 16px 24px rgba(0,2,0,.18);
-webkit-box-shadow: 0 16px 24px rgba(0,2,0,.18);
box-shadow: 0 16px 24px rgba(0,2,0,.18);
position:relative;
top:-3px; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.container_admin {
	padding-top:40px;
	padding-left:80px;
		min-height:700px;}
		

.button_admin {
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #373f47;
color:#fff;
position:relative;
padding-left:55px;
min-height:58px;
text-transform:uppercase;
font-weight:700;
text-align:left;
padding-top:10px;
}

.button_admin .nueva {
	display:block;
	clear:both;
	text-transform: none;
font-weight:300;
margin:-3px 0 0 0;}

.glyphicon-admin {
	background: url(http://propuesta-lotura.clienteslotura.com/img/admin.svg) no-repeat center;
		width:35px;
		height:55px;
		position:absolute;
		top:0px;
		left:10px;}

.button_admin:hover {
	color:#fff;
	background:#2a3036;}
	
.button_admin:hover .glyphicon-admin {
	background: url(http://propuesta-lotura.clienteslotura.com/img/admin_hover.svg) no-repeat center;}
	

.proyecto {
	margin-bottom: 30px;	
}

.similares h2 {
	  font-family: 'bambino-bolduploaded_file' !important;
	font-size: 3rem !important;
	margin: 30px 0 20px 10px;
	text-transform: uppercase !important;
}

 .well-proyecto:hover img {
			opacity: .5;
	filter:alpha(opacity=50);}
	
	p.figcaption {
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
font-size: 1.4rem;	
line-height: 17px;
line-height: 1.7rem;
margin-top: 15px;
}

.fecha {
	font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 13px;
font-size: 1.3rem;

}

.fecha span {

font-weight: 400;
}

.fecha-noticia {
	margin-bottom: 40px;
	margin-top: -20px;
}

.entradilla {
	font-size: 30px;
	font-size: 3rem;
	line-height: 30px;
	line-height: 3rem;
	margin-bottom: 30px;
	margin-top:20px;
	
	

}


.texto {
	margin-bottom: 30px;	
}

.texto p {
	margin-bottom: 20px;	
}


.texto ul li a {
	position:relative !important;
	color:#5A7B00;}
	
.texto ul li {
	list-style:none;
	background:url(http://propuesta-lotura.clienteslotura.com/img/list_arrow.png) no-repeat left 9px;
	padding-left:18px;
	padding-bottom:6px;}
	
 .texto ul {
	margin:0;
	padding:0;}
	
	
	

a.ver-proyecto {

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


.arrow_left {
	background: url(http://propuesta-lotura.clienteslotura.com/img/arrow_left.svg);
		background#fff :url(http://propuesta-lotura.clienteslotura.com/img/arrow_left.png)\0/;
		width:43px;
		height:43px;
		text-indent:-99999px;
		display: inline-block;
		}
		

.pdf {
	position:absolute;
		top:113px;
		left:23px;
	width:45px;
	z-index:10;
	overflow:hidden;
	 -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative;
	}
	
.pdf:hover {
	width:45px;
	padding-right:186px;
}

.pdf a{
		background: url(http://propuesta-lotura.clienteslotura.com/img/pdf.svg) no-repeat center;
		background-size:32px 50px;
		width:32px;
		height:50px;
		display:block;

		position:relative;
		z-index:2;

}
.pdf a span, .print a span, .admin a span, .admin a span, .design a span, .admin a span, .user a span, .customer a span {
	position:absolute;
	top:-100000px;}

.pdf a:hover, .pdf a.active {
background:url(http://propuesta-lotura.clienteslotura.com/img/pdf_hover.svg) no-repeat center;
background-size:32px 50px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-decoration:none;
}


	


.pdf .slideright {margin:-50px -0px 0 -150px; width: 120px; height: 43px; background-color: #262b30;  -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;text-align: left; line-height:15px; font-size:15px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative; line-height:45px; padding-left:15px;
z-index:0;
	position:relative;
		z-index:1;
		color:#fff;}

 .slideright .arrow_tip {
	width:10px;
	height:10px;
	background:#262b30;
-webkit-transform:rotate(130deg);
			-moz-transform:rotate(130deg);
			-o-transform:rotate(130deg);
			/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
			-ms-transform:rotate(130deg);
	position:absolute;
	left:-5px;
	top:17px;}


.pdf:hover .slideright { -webkit-transform: translate(214px,0); -moz-transform: translate(214px,0); -o-transform: translate(214px,0); -ms-transform: translate(214px,0); transform: translate(214px,0); }







.print {
	position:absolute;
		top:83px;
		left:23px;
	width:45px;
	height:46px;
	z-index:10;
	overflow:hidden;
	 -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative;
	}
	
.print:hover {
	width:45px;
	padding-right:186px;
}

.print a{
		background: url(http://propuesta-lotura.clienteslotura.com/img/print.svg) no-repeat center;
		width:32px;
		height:50px;
		display:block;

		position:relative;
		z-index:2;
		
		
}

.print a:hover {
background: url(http://propuesta-lotura.clienteslotura.com/img/print_hover.svg) no-repeat center;
background-size:32px 50px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-decoration:none;
}


	


.print .slideright {margin:-50px -0px 0 -150px; width: 120px; height: 43px; background-color: #262b30;  -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;text-align: left; line-height:15px; font-size:15px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative; line-height:45px; padding-left:15px;
z-index:0;
	position:relative;
		z-index:1;
		color:#fff;}




.print:hover .slideright { -webkit-transform: translate(214px,0); -moz-transform: translate(214px,0); -o-transform: translate(214px,0); -ms-transform: translate(214px,0); transform: translate(214px,0); }



.design {
	position:absolute;
		top:115px;
		left:23px;
	width:45px;
	z-index:10;
	overflow:hidden;
	 -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative;
	}
	
.design:hover {
	width:45px;
	padding-right:186px;
}

.design a{
		background: url(http://propuesta-lotura.clienteslotura.com/img/mini_responsive.svg) no-repeat center;
	width:35px;
		height:55px;
		display:block;
		position:relative;
		z-index:2;
		
		
}

.design a:hover, .design a.active {
background:url(http://propuesta-lotura.clienteslotura.com/img/mini_responsive_hover.svg) no-repeat center;
background-size:35px 55px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-decoration:none;
}


.design .slideright {margin:-50px -0px 0 -150px; width: 120px; height: 43px; background-color: #262b30;  -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;text-align: left; line-height:15px; font-size:15px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative; line-height:45px; padding-left:15px;
z-index:0;
	position:relative;
		z-index:1;
		color:#fff;}




.design:hover .slideright { -webkit-transform: translate(214px,0); -moz-transform: translate(214px,0); -o-transform: translate(214px,0); -ms-transform: translate(214px,0); transform: translate(214px,0); }





.admin {
	position:absolute;
		top:115px;
		left:23px;
	width:45px;
	z-index:10;
	overflow:hidden;
	 -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative;
	}
	
.admin:hover {
	width:45px;
	padding-right:256px;
}

.admin a{
		background: url(http://propuesta-lotura.clienteslotura.com/img/admin.svg) no-repeat center;
		width:35px;
		height:55px;
		display:block;
		position:relative;
		z-index:2;
		
		
}

.admin a:hover, .admin a.active {
background: url(http://propuesta-lotura.clienteslotura.com/img/admin_hover.svg) no-repeat center;
background-size:35px 55px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-decoration:none;
}


.admin .slideright {margin:-50px -0px 0 -220px; width: 190px; height: 43px; background-color: #262b30;  -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;text-align: left; line-height:17px; font-size:15px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative; line-height:45px; padding-left:15px;
z-index:0;
	position:relative;
		z-index:1;
		color:#fff;}




.admin:hover .slideright { -webkit-transform: translate(284px,0); -moz-transform: translate(284px,0); -o-transform: translate(284px,0); -ms-transform: translate(284px,0); transform: translate(284px,0); }


.title_home {
	font-size:33px;
	font-size:3.3rem;
	line-height:3.3rem;
	color:#fff;
	font-weight:700;
	margin:0px 0 0 0;
padding: 100px 0 40px 0;}


.olvido {
	color: #fff;
	font-size: 1.3rem;
}

.user {
	position:absolute;
		top:115px;
		left:22px;
	width:45px;
	height:46px;
	z-index:10;
	overflow:hidden;
	 -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative;
	}
	
.user:hover {
	width:45px;
	padding-right:296px;
	padding-bottom:300px;
}

.user a{
		background: url(http://propuesta-lotura.clienteslotura.com/img/user.svg) no-repeat center;
		width:35px;
		height:56px;
		display:block;
		position:relative;
		z-index:2;
		
		
}

.user a:hover, .user a.active {
background:url(http://propuesta-lotura.clienteslotura.com/img/user_hover.svg) no-repeat center;
background-size:35px 56px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-decoration:none;
}


.user .slideright {margin:-46px -0px 0 -250px; width: 220px; height: 276px; background-color: #262b30;  -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;text-align: left; line-height:17px; font-size:15px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; position:relative; line-height:45px; padding-left:15px;
z-index:0;
	position:relative;
		z-index:1;
		color:#fff;}




.user:hover .slideright { -webkit-transform: translate(315px,0); -moz-transform: translate(315px,0); -o-transform: translate(315px,0); -ms-transform: translate(315px,0); transform: translate(315px,0); }




.btn_number {-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #67a77a;
color:#fff;
padding:0 3px 0 3px;
}

.btn_number:hover {
	color:#fff;
	background:#025e3c;}
 


#well-contacto {
	

	background: #423c4b;
	width: 100%;
	padding: 4vw 6vw 6vw 6vw;
	/*min-height: 400px;*/
	max-width: 1050px;
	margin: 0 auto;
	z-index: 10;
	margin-top: 60px;
	margin-bottom: 60px;

	color: #fff;
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}



#well-contacto h2 {
		font-family: 'Duplicate Ionic';
	font-weight: 500;
	font-size: 3rem;
	position: relative;
	padding-bottom: 28px;
	margin-bottom: 60px;
	margin-top:5px; 
	text-align: left !important;
	text-transform: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


#well-contacto legend {
	color: #fff;
	border: 0;
}

#well-contacto h2:after {  content: '';
  position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 5px;
	background:url(/img/marra_li.svg);}

.logo_contacto {
	display: block;
	width: 62px;
	height: 19px;
	background: url(/img/logo_contacto.svg);
	text-indent: 0 !important;
}

.visually-hidden, #capa_paginacion { 
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}


input[type=checkbox] {
	display: none
}

.texto-label {
	display: table-cell;
	padding-top: 5px;
}

label input[type=checkbox]+span {
	display: table-cell;
	width: 32px;
	height: 32px;
	background: url(/img/check_radio_sheet.svg) left top no-repeat;
	margin: 2px 4px 0 0!important;
	vertical-align: middle;
	cursor: pointer;
	padding-left: 38px;

}
label input[type=checkbox]:checked+span {
	background: url(/img/check_radio_sheet.svg) -50px top no-repeat
}






.group {
  position:relative;
  margin-bottom:15px;
}


input, textarea	{
	font-size:1.7rem;
font-family: 'bambino-lightuploaded_file';
  padding: 27px 10px 8px 15px;
  display:block;
  width:100%;
height: 65px;
background-color: #645d6d;
border-radius: 2px;
	box-shadow: none;
	border: 1px solid #645d6d;
	color:#fff;
}


textarea	{
	height:105px;
}



input:focus, textarea:focus  {
	outline:none; 

}

/* LABEL ======================================= */
label.label, textarea:focus ~ label, textarea:valid ~ label, input[type=file]:focus ~ label, input[type=file]:valid ~ label 				 {
  font-size:1.2rem;
color: #f8f9f8;
    font-family: 'bambino-bolduploaded_file';
    font-weight: normal;
text-transform: uppercase;
  position:absolute;
  pointer-events:none;
  left:6px;
  top:36px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
  background:none;
}

label.labeltextarea, textarea:focus ~ label, textarea:valid ~ label {
	    font-weight: normal;
	top:73px;
	  }

textarea:focus ~ label, textarea:valid ~ label, input[type=file]:focus ~ label, input[type=file]:valid ~ label  {
top:9px;
left:9px;
color:#fff;
font-family: 'bambino-lightuploaded_file';
font-size:1.6rem;
    font-weight: normal;
opacity: 0.4;
}

.labelinput {
	 top:9px !important;
	 left:9px;}

/* active state */
input:focus ~ label, input:valid ~ label, textarea:focus ~ label, textarea:valid ~ label {
  top:9px;
   left:9px;
  font-size:1.2rem;
   color:#fff;
   text-transform:uppercase;
font-family: 'bambino-bolduploaded_file';
   background:none;
	opacity: 0.4;
}

input[type=file] ~ label  {
	top:9px !important;
	font-weight: 700;
	 font-size:1.4rem;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:1px;
  width:0;
  bottom:0;
  position:absolute;
  background:#5da272;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.pasahitza {
	color:#bcbcbc;
	font-size:1.6rem;
	text-align:left;
	position:relative;
	top:-30px;}




input.error {
	 border:1px solid #e71313 !important;

	
}

.icon_error {
	position: absolute;
	display: block;
	right: 7px;
	top: 5px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background:#fff url(/img/form_error.svg) center center no-repeat;
}

.icon_ok {
	position: absolute;
	display: block;
	right: 7px;
	top: 5px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background:#fff url(/img/form_ok.svg) center center no-repeat;
}

.error:before, .error:after 	{
  content:'';
  height:2px;
  width:0;
  bottom:0;
  position:absolute;
  background:#e71313;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.mensaje_error {
	background: #e71313;
	color: #fff;
	padding:0 10px;
	font-size: 1.4rem;
	border-radius: 2px;
	position: relative;
	z-index: 0;
	margin-top: -2px;
}

.bar:before {
  left:50%;
}
.bar:after {
  right:50%;
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after, textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight, textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#538ac2; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#538ac2; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#538ac2; }
  to 	{ width:0; background:transparent; }
}



.btn-form {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
color: #f8f9f8;
font-family: 'bambino-bolduploaded_file';
font-size: 1.2rem;
line-height: 50px;
	padding-left: 75px;
	padding-right: 75px;
text-transform: uppercase;
	background: #5da272;
	border-radius: 2px;
	border: 0;
	width: 100%;
	margin-top: 5px;
}
.btn-form:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	border-radius: 2px;
}
.btn-form:hover, .btn-form:focus, .btn-form:active {
  color:#5da272;
}
.btn-form:hover:before, .btn-form:focus:before, .btn-form:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
	

.responsible_content {
	text-align:center;
	width:93%;
	display:block;}


.responsible_content .title {
	color:#a0a2a3;
	font-weight:700;
	display:block;}
	
.responsible_content img {
	width:100px;
	margin:auto;}
	
.responsible_content .name {
	display:block;
	color:#fff;
	text-transform:none;
	margin:0px 0 0 0;
	font-weight:300;
	font-size:18px;
	font-size:1.8rem;}
	
.responsible_content .phone a{
	display:block;
	clear:both;
	pointer-events: none;
cursor: default;
width:100%;
margin:-20px 0 0 0;
padding:0;
height:auto;
color:#898b8e;
background:none;
	}
	
.responsible_content .email a{
		border: 0px solid #8d8b8b;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color:#898b8e;
background:none;
width:100%;
margin:5px 0 0 0;
padding:5px 0 7px 0;
height:auto;
font-size:17px;
font-size:1.7rem;
}

.responsible_content .email a:hover {
	color:#fff;
	border: 1px solid #fff;}


.granate {
	background:#fff !important;
	padding-bottom:200px !important;
	height:1300px !important;
color: #524b5c;}
	
	
.card {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.29);
	margin: 1em;
	position: relative;
}

.card img:first-child {
	
	width: calc(100% + 40px);
	margin: -20px 0 0 -20px;
}

.logo_proyect {
	padding: 30px 20px 10px 0px;
	height: 110px;

}

.logo_proyect img {
	
	width: 100%;
	max-width: 100px;
	max-height: 80px;
	margin: 0 !important;

}

.card-content {
	padding: 20px 20px 80px 20px;
	position: relative;
}

.card-content p {
	margin: 0 !important;
}

.card a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.card h3 {
	line-height: 3.5rem;
}

.card a span {
	position: absolute;
	right: 20px;
	bottom: -10px;
}


.card:hover a span {
	background: #026c45;
}

@media screen and (min-width: 40em) {  
  .cards {
    margin-top: -1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .card {
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 2em);
            flex: 0 1 calc(50% - 2em);
    /* width: calc(50% - 1em); */
  }
} /* mq 40em*/

@media screen and (min-width: 60em) {
  .cards {
    margin-top: inherit;
  }
  
  .card {
    margin-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 2em);
            flex: 0 1 calc(33% - 2em);
    /* width: calc(33% - 1em); */
  }
} /* mq 60em*/
	
.proyect p, .proyect h3, .proyect .screen {
	margin-left:0 !important;
	margin-right:0 !important;
	flex: none !important;
	display: block !important;
	clear: both !important;
	width: 100%;

}
	
		

.proyect .screen img {
	width:100% !important;
}

.btn-proyect {
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #67a77a;
color:#fff;
text-transform:uppercase;
font-size:12px;
font-size:1.2rem;
margin: 20px 0 30px 0;
    font-family: 'bambino-bolduploaded_file';}

.btn-proyect:hover {
	background-color: #026c45;
color:#fff;}
	
.arrow_indice {
	display:none;}
	
.intro {

	font-size:3rem;
	line-height:4.3rem;
	text-align:left;
	margin-bottom:50px;}
	
.intro2 {
	font-size:30px;
	font-size:3rem;
	line-height:30px;
	line-height:4.3rem;
	text-align:left;
	margin-bottom:50px;}
	
.well-intro {
		font-size:18px;
	font-size:1.8rem;
	line-height:20px;
	line-height:2.2rem;
	text-align:center;
	margin-bottom:50px;
	padding:50px 0 0 0;
background-clip: padding-box;
background: #fff url(http://propuesta-lotura.clienteslotura.com/img/icon_content.svg) no-repeat 10px 10px;
background-size:112px 27px;

}

.well-criterio {

	margin-bottom:40px;
	padding:15px 0 0px 0;

background: #fff;
text-align:left;
}

.well-criterio p:first-child {
	padding:0 20px 5px 0px;
}

.well-intro ul, .well-criterio ul, .well-criterio div.panel-criterio, .well-content ul {
margin:0 0 0 30px;
padding:0;
border: 0;}

.well-criterio div.panel-criterio {
	padding:20px 20px 20px 20px;}
	
.well-criterio div.panel-criterio	p:first-child {
	margin-left:0;}

.well-criterio div.panel-criterio p{
	font-weight:300;}

.well-intro ul ul, .well-criterio ul ul, .well-content ul ul {

	margin:8px 0 0 0px;
	padding:0 0 5px 10px;
	border-top:0;
}
	
.well-content p, .well-criterio, .well-intro, h2 {
	margin-left:15%;
	margin-right:15%;
	margin-bottom:30px;}


.well-content
{
	font-family: 'Duplicate Ionic';
font-weight: 300;
font-size: 2rem;
line-height: 3.3rem;}
	
h2 {
	margin-bottom:10px;}


.well-content h2 {
font-family: 'Duplicate Ionic';
font-weight: 500;
text-transform: none;
	font-size: 2.2rem;
}
	
 h2.funciones {
	 	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:10px;}
	
.well-criterio p, table p, .presu_table p, .text p, .intro2 p {
	margin-left:0 !important;
	margin-right:0 !important;}
	
	table p, .presu_table p {
	margin:0 !important;}
	
.well-criterio p {
	margin-bottom:10px;}
	
	
.well-criterio ul {
	margin-top: -10px;
	margin-bottom: 60px;
}


.well-intro ul li, .well-criterio ul li, .well-content ul li {
	list-style: circle;
	text-align:left;
	padding:15px 20px 0px 0px !important;}
	
.well-intro ul ul li, .well-criterio ul ul li, .well-content ul ul li {
	list-style: square;
	text-align:left;
	padding:15px 20px 0px 0px !important;
	list-style:none;
	text-align:left;}
	
 .well-content table ul  {
	 border:0 !important;}
	
 .well-content table ul li {
	border-bottom:0px !important;
		list-style: circle;
	text-align:left;
	padding:15px 20px 0px 0px !important;
	text-align:left !important;
	margin:0 !important;
	height:auto !important;
}
	
	
.student {
	background:url(http://propuesta-lotura.clienteslotura.com/img/student.svg) no-repeat 0px 10px;
	background-size: 62px 72px;
	padding:10px 0 10px 85px;
	min-height:62px;}
	
.well-intro ul li:last-child, .well-criterio ul li:last-child, .well-content ul li:last-child  {
	border:0;}
	



.indice ul {
	padding:10px 0 0 0 !important;
	margin:10px 0 10px 0 !important;
	background:none !important;
	border:0 !important;}

.indice ul li {
	list-style:none;
	width:100%;
	text-transform:uppercase;
	text-align:center !important;
	font-size:16px;
	background:none !important;
	padding:10px 0 10px 0 !important;
	margin:0 !important;
	border:0 !important;
    font-family: 'bambino-bolduploaded_file';}
	
.indice ul li a {
	color:#595957;
	padding:0 !important;
	margin:0 !important;}
	
.indice ul ul li {
	text-transform:none;
	font-size:18px;
	padding:0 !important;
	margin:0 0 5px 0!important;
   font-family: 'bambino-lightuploaded_file';}
	
.indice ul ul {
	border:0 !important;
padding:0px 0 0 0 !important;
	margin:10px 0 20px 0 !important;}
	
.breakbefore {
	display:none;
	}
	
.grafika {
		
background: #fff;

width:100%;
max-width:740px;
 display: table;
    margin: 30px auto 70px auto;
border: 1px solid #d0ced3;}
	


.label_text {
	display:block;
	width:225px;
	overflow:hidden;
	text-align:center;
	font-size:1.2rem;}

.arrow_label {
	background: url(http://propuesta-lotura.clienteslotura.com/img/arrow_label.svg);
	height:30px;
	width:15px;
	position:absolute;
	left:-13px;
	display:block;}
	
.analisis {
	font-weight:300;
	font-size:42px;
	font-size:4.2rem;
	background:url(http://propuesta-lotura.clienteslotura.com/img/analitic.svg) no-repeat left center;
	background-size:46px 46px;
	padding-left:55px;}

	
.socialbuttons {
	width:100%;
	max-width:300px;
	margin:0 0 5px 0;}

	
.well-structure .intro {
	text-align:left;
	margin-bottom:20px;}
	
.well-socialicon {
	text-align:center;
	margin:20px 0 0 0;}
	
.vimeo {
	margin:0 0 0 -35px;}
	
.title_responsive {
	
background:  url(/img/responsive.png) no-repeat center center;
	background-size: 127px 73px;
width:100%;
		height:125px;
		display:block;

}

.title_social {
	font-weight:700 !important;}
	

	
	
.title_seo{

background: url(/img/buscador.png) no-repeat center center;
	background-size: 79px 83px;
width:100%;
		height:125px;
		display:block;
}
	
.title_seo img {
	width:54px;}
	
	
.title_internacionalizacion{

background:url(/img/internacionalizacion.png) no-repeat center center;
	background-size: 86px 74px;
width:100%;
		height:125px;
		display:block;}
	
.title_internacionalizacion img {
	width:103px;}
	
	
.title_ux{

background: url(/img/ux.png) no-repeat center center;
width:100%;
	background-size: 95px 89px;
		height:125px;
		display:block;}
	
	
.title_ux img {
	width:59px;
	height:66px;}
	

.title_resultados{
	
background: url(/img/resultados.png) no-repeat center center;
	background-size: 92px 102px;
width:100%;
		height:125px;
		display:block;}
	
	
.title_resultados img {
	width:82px;}


.community-images {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

	
	.title_desarrollo{
background: url(/img/php.png) no-repeat center center;
width:100%;
		background-size: 111px 71px;
		height:125px;
		display:block;}



	
	.title_compromiso {
	
background:  url(/img/compromiso.png) no-repeat center center;
width:100%;
		background-size: 57px 86px;
		height:125px;
		display:block;}

		
.well-service {

background-color: #f8f9f8;

border:1px solid #eeefef;
padding:0;
min-height:355px;
	text-align:center;
	color:#595957;
	margin-bottom:20px;
	border-radius:0 !important;
	box-shadow: none !important;
	}



.well-service h2 {
	font-weight:700;
	text-align:center;
	text-transform:none;
	margin:10px 0 13px 0;}
	
.well-service div.text {
	padding:10px;
	font-size:19px;
	font-size:1.9rem;
	line-height:22px;
	line-height:2.2rem;}
	
	
	
		
.well-development {

background-color: #f8f9f8;

border:1px solid #eeefef;
padding:0;
min-height:355px;
	text-align:center;
	color:#595957;
	margin-bottom:20px;
	border-radius:0 !important;
min-height:285px;

	margin-bottom:20px;
	box-shadow: none !important;
	}

	
.well-development div.text {
	padding:20px 10px 10px 10px;
	font-size:19px;
	font-size:1.9rem;
	line-height:22px;
	line-height:2.2rem;}


.title_home {
	 font-family: 'bambino-bolduploaded_file';
	font-size:53px;
	font-size:5.3rem;
	line-height:7.3rem;
	color:#524b5c;
	font-weight:700;
	margin:40px 20% 0 20% !important;}
	

.browser {
	-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding:23px 3px 3px 3px;
background:#d0d1d2 url(http://propuesta-lotura.clienteslotura.com/img/browser.png) no-repeat 7px 10px;
margin:30px auto;
max-width:800px;}


.browser img {
	width:100%;}
	

.browser_example {
	-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding:23px 3px 3px 3px;
background:#d0d1d2 url(http://propuesta-lotura.clienteslotura.com/img/browser.png) no-repeat 7px 10px;
margin:0px auto 30px auto;
width:100%;}


.browser_example img {
	width:100%;}
	
.situacion {
	background: url(http://propuesta-lotura.clienteslotura.com/img/bg_mail.svg) no-repeat bottom left;
	background-size:358px 265px;}
	
.name_home {
	margin:80px 0 0 0 !important;
	text-transform:uppercase;
	font-family: 'bambino-bolduploaded_file';
position: relative;
	font-size: 1.1rem;
right: 0;
bottom: 40px;
color: #524b5c;
width: 100%;
text-align: center;
}

.data {
	color: #524b5c;
		margin:-30px 0 0 0 !important;
	 font-family: 'bambino-lightuploaded_file';
position: relative;
right: 0;
bottom: 0;
font-size: 1.2rem;
width: 100%;
text-align: center;}
	
	
.ikonoak {
	width:100%;
	max-width:554px;
	height:68px;
	margin:30px auto 200px auto;
	background:url(http://propuesta-lotura.clienteslotura.com/img/ikonoak.svg);
	background-size:554px 68px;}
	
.logo {
	
	margin:100px 0 0 0;
	background:url(http://propuesta-lotura.clienteslotura.com/img/logo.svg);
	width:122px;
	height:38px;
position: absolute;
left: 0;
top: -200px;}
	
.logo_aurkezpena {
	text-align: center;
	margin-bottom: -100px;
}
	

table {
	border:0 !important;
	margin:0 auto 50px auto;
	max-width:100%;
	width:100%;
}

th:first-child {

}
th:last-child {

}


table td, table tr {
border:1px solid #e6e8e9;
	border-right: 0 !important;
vertical-align:top;
color:#595957;
font-size:17px;
font-size:1.7rem;}

table td, table th {
	padding:12px;}

table td {
	padding-left:18px;}
	
table th {
font-style: normal;
font-weight: 700;
background:#fff;
	border-right: 0 !important;
}

table td p, table th p {
	margin:0;
	padding:0;
		
}


th[scope=col] {
border-bottom:1px solid #e6e7e8;
		border-left: 0;
		border-right: 0;
		border-top:0;
		padding-bottom:0px;
		color:#595957;
		font-size:19px;
		font-size:1.9rem;
		}
		
table tr {
	border-left: 0;
		border-right: 0;}
		
table tr:first-child {
	border-top:0;
	}
	

		
table td {
		border-left: 0;
		color:#706f6f;}
		
table thead tr:first-child th[scope=row] {
		background:#fff;
		border:0;
		color:#595957;
		width:175px;
		text-transform:none;
		
		}		
		
table th[scope=row]{
	background:#f8f8f8;

	border-left:0;
	color:#595957;
	text-transform:uppercase;
	font-weight:500;
	white-space:nowrap;
}


table th[scope=col]{
	padding-bottom:10px;}
	
table thead tr:first-child th[scope=row]:first-child {
		font-weight:700;
	font-size:19px;
		font-size:1.9rem;}
	
table tr:first-child  td{
	}
	
.presu_table table tr td:last-child, .presu_table table tr td:nth-last-child(2)  {
	text-align:right;
	color:#38a074;
	width:120px;
	font-weight:500;}
	
.presu_table table tr td:nth-last-child(2)  {
	width:60px;}
	
.presu_table table th[scope=row]{
	white-space: normal;
	width:180px;
	line-height:1.7rem;
}

.presu_table table th[scope=col]{
	padding-bottom:10px;}
	
.presu_table table th[scope=col]:last-child {
	text-align:right;}
	
	

 table.presu_table tr td:last-child {
	text-align:right;
	color:#38a074;
	width:120px;
	font-weight:500;}
	
 table.presu_table th[scope=row]{
	white-space: normal;
	width:180px;
	line-height:1.7rem;
}

 table.presu_table th[scope=col]{
	padding-bottom:10px;}
	
 table.presu_table th[scope=col]:last-child {
	text-align:right;}
	
	
	
.lotura_left {
	float:left;
	width:270px;
	height:150px;
	background:#fff;
	border:1px solid #cccccc;
	padding:10px;}
	
.customer_right {
	float:right;
	width:270px;
	height:150px;
	background:#fff;
	border:1px solid #cccccc;
	padding:10px;}
	

	
.total {
	color:#38a074;
	text-align:right;
	margin:-30px 10px 20px 0;
	text-transform:uppercase;
			font-weight:500;
		font-size:20px;
		font-size:2rem;}	
	
.total span {
	margin:0 0 0 10px;
	font-weight:700;
}
	
/*
table {
	border:0 !important;
	margin:auto;
	max-width:100%;
	width:100%;


}
	
table td, table tr {	border:1px solid #cecece;
vertical-align:top;}

table td, table th {
	padding:12px;}
	
table th {
		font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 500;}

table td p, table th p {
	margin:0;
	padding:0;
}


th[scope=col] {
border:1px solid #cecece;
		border-left: 0;
		border-right: 0;
		background:url(http://propuesta-lotura.clienteslotura.com/img/th_border.png) no-repeat right top;
		padding-bottom:0px;
		color:#545252;
		}
		
table tr {
	border-left: 0;
		border-right: 0;}
		
table td {
		border-left: 0;
		background:#fff;
		color:#706f6f;}
		
table thead tr:first-child th[scope=row] {
		background:url(http://propuesta-lotura.clienteslotura.com/img/th_border.png) no-repeat right top;
		border:0;
		color:#545252;
		width:175px;
		text-transform:none;}		
		
table th[scope=row]{
	background:#eeeeee;
	border-right:1px solid #cecece;
	border-left:0;
	color:#848484;
	text-transform:uppercase;
}
	
table tr:first-child  td{
	border-top:1px solid #cecece !important;}
	
*/
	



.container-fluid .row{
	padding:0 !important;
	margin:0 !important;}


.well-content {
	padding:30px 50px 30px 50px;

	}
	

.breadcrumb {
	padding: 0;
	background: none;
}

.breadcrumb > li + li:before {
    color: #484848;
    content: "/ ";
    padding: 0 3px;
}


.elementoak1_izda {
	clear: both;
float:left;
width:80px;
position:relative;

}

.elementoak2_izda {
width:100%;
margin:0 0 0 -80px;
float:left;}

.elementoak2_izda div.elementoak2 {
padding:0 0 0 100px;
display:block;}


.elementoak1_dcha {
	float: right;
	width:25%;
	position:relative;
}

.elementoak2_dcha {
width:100%;
margin:0 -25% 0 0;
float:left;

}

.elementoak2_dcha div.elementoak2 {
padding:0 25% 0 0;
display:block;

}

.well-aviso {
	background: #fff !important;
	border: 1px solid #dddbdb !important;
	padding: 0 !important;
	margin-top: 30px !important;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding-bottom: 20px !important;
}

.well-aviso h3 {
	background: #eae8e8;
	padding: 8px 10px;
}


.contenido-aviso dt {
	color: #29b1e6;
	text-transform: uppercase;	
	line-height: 35px;
	font-family: "pt-sans-narrow", sans-serif;
}

.contenido-aviso dd {
	font-family: "pt-sans-narrow", sans-serif;
	line-height: 35px;
	color: #664742;
}

.contenido-aviso {
	padding-left: 10px;
	padding-right: 10px;
}




table.table {
	background: #fff;	
	font-family: "pt-sans-narrow", sans-serif;
	font-size: 20px;
	font-weight: 700;
	border: 1px solid #dddbdb !important;
}

table.table-margen {
	margin-top: 30px;
}

table.table th {
	background: #eae8e8;
	font-weight: 700;	
font-family: "pt-sans-narrow", sans-serif;
text-transform: uppercase;	
color: #29b1e6;

}

table.table th.corto {
	width: 120px;
	text-align: center;
}

table.table th.muycorto {
	width: 100px;
	text-align: center;
}
/*
table.table tr td.eliminar {
	background: url(http://propuesta-lotura.clienteslotura.com/img/icono-eliminar.png) 50% 50% no-repeat;
}

table.table tr:hover td.eliminar {
	background: #f5f5f5 url(http://propuesta-lotura.clienteslotura.com/img/icono-eliminar2.png) 50% 50% no-repeat;
}


*/

table.table tr td.eliminar a {
	dizplay: block;
	background: url(http://propuesta-lotura.clienteslotura.com/img/icono-eliminar.png) 50% 50% no-repeat;
	width: 100% !important;
	margin-top: 50% !important;
	margin-bottom: 50% !important;

}

table.table tr:hover td.eliminar a {
	background: #f5f5f5 url(http://propuesta-lotura.clienteslotura.com/img/icono-eliminar2.png) 50% 50% no-repeat;
}



table.table td {
	color: #664742;	

}



table.table dl {

	width: 195px;
	float: right;
	margin-right: 120px;
	padding: 0;
	

}

table.table dl dt {
	float: left;
	width: 115px;
	padding: 0;
	margin: 0;

		font-weight: 700;	
font-family: "pt-sans-narrow", sans-serif;
text-transform: uppercase;	
color: #29b1e6;
font-size: 17px;
line-height: 28px;
}

table.table dl dt.total, table.table dl dd.total {
	margin-top: 5px;
	border-top: 1px solid #dddbdb;
}

table.table dl dd.todo {
	font-size: 30px;
	padding-top: 5px;
	
}

table.table dl dd.todo span {
	font-size: 12px;
	clear: both;
	display: block;
	font-weight: 100;
	color: #837f7f;
}

table.table dl dd {
	float: right;
	width: 80px;
	text-align: right;
line-height: 28px;
	padding: 0;
}

table.table .preciotable {
	text-align: right;	
}

table.table td p.titular {
	font-family: "pt-sans", sans-serif;
	font-size: 18px;
}






.btn-carrito_left, .btn-carrito_right {
	
		-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #fff !important;
font-family: "pt-sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
}

.pagos {
	margin-top: 30px;	

}

.btn-carrito_left {
	padding-left: 40px;	
	background: #4a4a4a url(http://propuesta-lotura.clienteslotura.com/img/icono-izda.png) 0 50% no-repeat;
}

.btn-carrito_right {
	padding-right: 40px;	
	background: #4a4a4a url(http://propuesta-lotura.clienteslotura.com/img/icono-dcha.png) 100% 50% no-repeat;
}

.btn-carrito_left:hover, .btn-carrito_right:hover {
	color: #fff !important;
		opacity: .8;
	filter:alpha(opacity=80);
}


.btn-volver {
			-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #fff !important;
font-family: "pt-sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
	background: #4a4a4a url(http://propuesta-lotura.clienteslotura.com/img/icono-volver.png) 50% 50% no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 40px;
}

.btn-volver:hover {
opacity: .8;
	filter:alpha(opacity=80);	
}

.btn-volver span {
	display: none;
}



.pagination {
	font-family: "pt-sans-narrow", sans-serif;
}

.pagination li a {
	color: #262626;
	font-size: 20px;
	padding-left: 14px;
	padding-right: 14px;

}

.pagination li a:hover, .pagination li.active a {
	background: #29b1e6 url(http://propuesta-lotura.clienteslotura.com/img/sombra-menu.png) repeat-y !important;
	color: #fff;	
	border: 1px solid #ddd;
}

.pagination li a.anterior span {
	background: url(http://propuesta-lotura.clienteslotura.com/img/flecha-anterior.png) 0 50% no-repeat;
	padding: 7px 4px;

}

.pagination li a:hover.anterior span {
	background-position: -14px 50%;
}

.pagination li a.siguiente span {
	background: url(http://propuesta-lotura.clienteslotura.com/img/flecha-siguiente.png) 0 50% no-repeat;
	padding: 7px 4px;

}

.pagination li a:hover.siguiente span {
	background-position: -14px 50%;
}



.noticias {
  *zoom: 1;
}

.noticias:before,
.noticias:after {
  display: table;
  line-height: 0;
  content: "";
}

.noticias:after {
  clear: both;
}




.noticias {
	border-top: 1px solid #cbcaca !important;
	display:block;
	clear:both;
	margin:10px 0 0 0 !important;

	
	} 


.noticias a{

clear: both;
	color: #5d5d5d;	
	font-size: 15px;

	display: block !important;
	border-bottom: 1px solid #cbcaca !important;
padding: 10px;

}

.noticias a:hover {
	
	text-decoration:none;	
	
	
	
		color: #e2001a;
	

			background: #ffffff !important; 
background: -moz-linear-gradient(top,  #ffffff 55%, #f1f1f1 100%) !important; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(100%,#f1f1f1)) !important;
background: -webkit-linear-gradient(top,  #ffffff 55%,#f1f1f1 100%) !important;
background: -o-linear-gradient(top,  #ffffff 55%,#f1f1f1 100%) !important;
background: -ms-linear-gradient(top,  #ffffff 55%,#f1f1f1 100%) !important;
background: linear-gradient(to bottom,  #ffffff 55%,#f1f1f1 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ) !important;
	

}


.noticias a span.todo {
	padding: 10px 10px 10px 47px;
	margin-top: 0px;
	display:block;	


}




.descarga {
  *zoom: 1;
}

.descarga:before,
.descarga:after {
  display: table;
  line-height: 0;
  content: "";
}

.descarga:after {
  clear: both;
}



.descarga {
	border-top: 1px solid #cbcaca !important;
	display:block;
	clear:both;
	margin:10px 0 0 0 !important;

	
	} 

.descarga a{
	


	clear:both;
	color: #5d5d5d;	
	font-size: 15px;
	display: block;
	border-bottom: 1px solid #cbcaca !important;
	font-weight: bold;
}

.descarga a .titulardescarga{
	font-weight:bold;}

.descargar a {
	display: block;
	
}	

.descarga a:hover {
	
	text-decoration:none;	
	
	
	
		color: #e2001a;
	

			background: #ffffff !important; 
background: -moz-linear-gradient(top,  #ffffff 55%, #f1f1f1 100%) !important; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(100%,#f1f1f1)) !important;
background: -webkit-linear-gradient(top,  #ffffff 55%,#f1f1f1 100%) !important;
background: -o-linear-gradient(top,  #ffffff 55%,#f1f1f1 100%) !important;
background: -ms-linear-gradient(top,  #ffffff 55%,#f1f1f1 100%) !important;
background: linear-gradient(to bottom,  #ffffff 55%,#f1f1f1 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ) !important;
	

}

.descarga a span.todo {
	padding: 10px 10px 10px 47px;
	margin-top: 0px;
	display:block;	

	background: url(http://propuesta-lotura.clienteslotura.com/img/descarga.png) 5px 15px no-repeat;
}

.descarga a:hover span.todo {

	
background: url(http://propuesta-lotura.clienteslotura.com/img/descarga2.png) 5px 15px no-repeat;
}

.descarga span.formato {
	display:block;
	clear:both;
	font-weight: 700;
	color: #8c8c8c
}







#menulateral li ul {
	display:none;
list-style: none;
padding-left: 15px;
	}


.clearfix.dedos {
	clear: none !important;
	float: left !important;
}

.clearfix.detres {
	clear: both !important;
	float: none !important;
}



.btn-volver {
			-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #fff !important;
font-family: "pt-sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
	background: #dbdcdc url(http://propuesta-lotura.clienteslotura.com/img/flecha-volver.png) 50% 50% no-repeat;
	width: 40px;
	height: 40px;

}

.btn-volver:hover {
opacity: .8;
	filter:alpha(opacity=80);	
}

.btn-volver span {
	display: none;
}



.producto {
	min-height: 300px;
	margin-bottom: 30px;
}

.producto img {
	width: 100%;	
}

.producto .listado-thumb {
	
	width: auto !important;
	left: 15px;
top: 0;
	right: 15px;
	margin-right: 0;
}

.producto .precio {
	right: 15px;
	botton: 0;
}

.producto .btn-anadir, .producto .btn-masinfo {
	width: 158px;
	color: #fff;
}

.producto .btn-anadir {
	background: #3d3d3d url(http://propuesta-lotura.clienteslotura.com/img/icono-carrito2.png) 120px 50% no-repeat;
	
}

.producto .btn-masinfo {
background: #3d3d3d url(http://propuesta-lotura.clienteslotura.com/img/flecha-masinfo.png) 125px 50% no-repeat;	

}


.producto .btn-anadir:hover {
	background: #3d3d3d url(http://propuesta-lotura.clienteslotura.com/img/icono-carrito2.png) 120px 50% no-repeat;
	opacity: .8;
	filter:alpha(opacity=80);
}

.producto .btn-masinfo:hover {
	background: #3d3d3d url(http://propuesta-lotura.clienteslotura.com/img/flecha-masinfo.png) 125px 50% no-repeat;
	opacity: .8;
	filter:alpha(opacity=80);
}

.producto p.titular {
		color: #29b1e6;
		font-family: "pt-sans", sans-serif;
		font-weight: 700;
		margin-top: 5px;
		line-height: 18px;
		text-align: left;
	}


form#form-carrito .form-group {
display: block;
width: 100px;
text-align: center;

position: absolute;
bottom: 0;
right: 280px;
}

form#form-carrito label {
	color: #837f7f;
	text-transform: uppercase;
	line-height: 0;
	font-size: 14px;
}



form#form-carrito .btn-carrito {
	text-align: left;
	position: absolute;
	bottom: 7px;
	right: 0;
	width: 270px;
	text-transform: uppercase;
	color: #f4f4f2;
	background: #4a4a4a;
	height: 51px;
	font-family: "pt-sans-narrow", sans-serif;
	font-weight: 700;
	font-size: 18px;
}


*::-webkit-input-placeholder { /* WebKit browsers */
    color: #595957 !important;

	opacity: 1;
	filter:alpha(opacity=100);
	font-family: "futura-pt",sans-serif;
	font-weight:300;
	
}
*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #595957 !important;
	opacity: 1;
	filter:alpha(opacity=100);
	font-family: "futura-pt",sans-serif;
	font-weight:300;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #595957 !important;
	opacity: 1;
	filter:alpha(opacity=100);
	font-family: "futura-pt",sans-serif;
	font-weight:300;
}
*:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #595957 !important;
	opacity: 1;
	filter:alpha(opacity=100);
	font-family: "futura-pt",sans-serif;
	font-weight:300;
}


form#form-carrito .btn-carrito:hover {
		opacity: .8;
	filter:alpha(opacity=80);
}

.glyphicon-carrito {
	background: url(http://propuesta-lotura.clienteslotura.com/img/icono-carrito.png) no-repeat;
	width: 27px;
	height: 28px;
	position: absolute;
	top: 10px;
	right: 10px;	
}


.precio-detalle {
	text-align: right;
	

	position: absolute;
	bottom: 0;
	right: 0;

	height: 100px;
}

.descripcion {
	padding-bottom: 127px;	
	min-height: 265px;
	position: relative;

}
/* -------------------------- INICIO DropDown menu on hover ---------------------------- */

.logo_min {
	background:url(http://propuesta-lotura.clienteslotura.com/img/logo_min.svg);
	width:69px;
	height:22px;
	position:absolute;
	right:-3000px;
	top:30px;}

.sidebar-nav {
    padding: 9px 0;
}
/*
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
*/
.dropdown:hover .dropdown-menu {
    display: block;
	left: 1px !important; /*--- Komentatu eskubian nahi bada ---------*/
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.alert-danger {
	font-size: 15px;	
}


p.obligatorios {
	text-align: right;
	font-size: 13px;
	display:none;	
}

p.txikia {
	font-size: 13px;	
}






















.login h2 {
	font-weight:500;
	border-top:1px solid #a7a8a8;
	padding-top:20px;}


.form-group {
	margin: 0;
	margin-bottom: 8px;
	clear: both;
}



.centro {
	text-align: center;
}


/* ---------------------------FIN DropDown menu on hover ----------------------------- */



.label_page {
	-moz-border-radius: 3px / 2px;
-webkit-border-radius: 3px / 2px;
border-radius: 3px / 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #979698;
position: fixed;
height:30px;
line-height:30px;
color:#fff;
padding:0px;
width:225px;
top:90px;
left:93px;
display:block;
z-index:1000;
text-transform:uppercase;
font-weight:500;}

.label_text {
	display:block;
	width:225px;
	overflow:hidden;
	text-align:center;
	font-size:1.2rem;}

.arrow_label {
	background: url(http://propuesta-lotura.clienteslotura.com/img/arrow_label.svg);
	height:30px;
	width:15px;
	position:absolute;
	left:-13px;
	display:block;}



/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}


#skip, #skip a:hover, #skip a:visited {position:absolute; top:-100px; width:1px; height:1px; overflow:hidden; font-size:x-small;}

#skip a:active, #skip a:focus {position:static;width:auto;height:auto;text-align:center;margin:0 auto}




/* INICIO Coockies
------------------------------------------------ */

.identity-noticebar{
	padding-top:15px;
	background: #5e5f5f;
	margin-bottom: 10px;
	min-height:30px;
	width: 100%;
	margin:auto;
	display: block;
	position: fixed;
	bottom:0;
	left:0;
	z-index: 1000 !important;
	
	/*
	position: absolute;
	top: 0;
	left: 0;
	right: 0;*/
	}
	
.identity-noticebar-content{

		padding: 5px 10px;
		}
		
.identity-noticebar-content span{
	font-size: 12px;
	color:#fff;
	display:block;

	text-align: center;
	margin-right: 15px;
	}
	
	.identity-noticebar-content span a{
		
		color:#fff;
		text-decoration:underline
		}
		#cerrarnoticebar{
		border: 1px solid #828382;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #6d6e6e;
display:block;
width:150px;
color:#fff;
text-align:center;
margin:10px auto 30px  auto;
text-decoration:none;
cursor:pointer;			}

/* FIN Coockies
------------------------------------------------ */



#small-dialog {
        background: white;
        padding: 20px 30px;
        text-align: left;
        max-width: 900px;
        margin: 40px auto;
        position: relative;
		line-height: 17px;
		
      }
	  
	  #small-dialog p {
		  font-size: 12px;
		  font-size: 1.2rem;
		  margin-bottom: 10px;
	  }
	  

      /**
       * Fade-zoom animation for first dialog
       */
      
      /* start state */
      .my-mfp-zoom-in .zoom-anim-dialog {
        opacity: 0;

        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out; 



        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 
      }

      /* animate in */
      .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
        opacity: 1;

        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1); 
      }

      /* animate out */
      .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 

        opacity: 0;
      }

      /* Dark overlay, start state */
      .my-mfp-zoom-in.mfp-bg {
        opacity: 0.001; /* Chrome opacity transition bug */
        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
      /* animate in */
      .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      /* animate out */
      .my-mfp-zoom-in.mfp-removing.mfp-bg {
        opacity: 0;
      }

.mfp-hide {
	display: none;

}
			
@media (min-width: 993px) and (max-width: 1200px) {

.well-service h2 span {
	display:block;
	clear:both;}
	
.well-content p, .well-criterio, .well-intro, h2 {
	margin-left:5%;
	margin-right:5%;
	margin-bottom:30px;}
	
h2 {
	margin-bottom:10px;}
	
 h2.funciones {
	 	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:10px;}
	
.well-criterio p, table p, .presu_table p, .text p {
	margin-left:0 !important;
	margin-right:0 !important;}
	
	table p, .presu_table p {
	margin:0 !important;}
	
.well-criterio p {
	margin-bottom:10px;}
	
}


@media (min-width: 768px) and (max-width: 992px) {
	
	.well-content p, .well-criterio, .well-intro, h2 {
	margin-left:5%;
	margin-right:5%;
	margin-bottom:30px;}
	
	
	h2 {
	margin-bottom:10px;}
	
 h2.funciones {
	 	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:10px;}
	
.well-criterio p, table p, .presu_table p, .text p {
	margin-left:0 !important;
	margin-right:0 !important;}
	
	table p, .presu_table p {
	margin:0 !important;}
	
.well-criterio p {
	margin-bottom:10px;}
	
	
	.clearfix.dedos, .clearfix.decuatro {
	clear: none !important;
	float: left !important;
}


.clearfix.detres {
	clear: both !important;
	float: none !important;
}
	
.well-service h2 span {
	display:block;
	clear:both;}	

}



@media (max-width: 767px) {
	
	.well-content p, .well-criterio, .well-intro, h2 {
	margin-left:0;
	margin-right:0;
	margin-bottom:30px;}
	
	h2 {
	margin-bottom:10px;}
	
 h2.funciones {
	 	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:10px;}
	
.well-criterio p, table p, .presu_table p, .text p {
	margin-left:0 !important;
	margin-right:0 !important;}
	
	table p, .presu_table p {
	margin:0 !important;}
	
.well-criterio p {
	margin-bottom:10px;}
	
	.well-service h2 span {
	display:block;
	clear:both;}
/*@media handheld, only screen and (max-width: 767px) {*/



.clearfix.dededos, .clearfix.decuatro {
	clear: none !important;
	float: left !important;
}


.clearfix.detres {
	clear: both !important;
	float: none !important;
}



}


@media handheld, only screen and (max-width: 480px) {
	
	
.producto {
	width: 250px !important;
	clear: both !important;
	float: none !important;
	margin: 0 auto 30px auto !important;

	min-height: 340px !important;
	
}
	
.clearfix.detres {
	clear: both !important;
	float: none !important;
}

.clearfix.dedos, .clearfix.decuatro {
	clear: none !important;
	float: left !important;
}



.proyecto {
	clear: both !important;
	float: none !important;	
	width: 100%;
}
	
	
}




html * {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */


.cd-img-replace {
 /* replace text with a background-image */
 display: inline-block;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}

.overflow-hidden {
 overflow: hidden;
}

/* -------------------------------- 

Main components 

-------------------------------- */
cd-main-header {
	background:none !important;
	margin:-10px 0 0 0;}
.minheight {
	 min-height: 100%;}
	 
.cd-main-content, .cd-main-content2 {
 /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */

 position: relative;
 background: #ffffff !important;
 z-index: 2;
 /* Force Hardware Acceleration in WebKit 
 -webkit-transform: translateZ(0);*/
 -webkit-backface-visibility: hidden;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 transition-property: transform;
 -webkit-transition-duration: 0.4s;
 -moz-transition-duration: 0.4s;
 transition-duration: 0.4s;
 padding:0;
 margin:0;
}

.cd-main-content2 {
 background-color: transparent;
}

.cd-main-content.lateral-menu-is-open, .cd-main-content2.lateral-menu-is-open {
 /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
 -webkit-transform: translateX(330px);
 -moz-transform: translateX(330px);
 -ms-transform: translateX(330px);
 -o-transform: translateX(330px);
 transform: translateX(330px);
}








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


}

#cd-logo {
 display: block;
 float: left;
 margin: 12px 0 0 20px;
}

#cd-logo img {
 display: block;
}
@media only screen and (min-width: 768px) {

#cd-logo {
 margin: 22px 0 0 30px;
}
}

#cd-top-nav {
 position: absolute;
 top: 0;
 left: 120px;
 height: 100%;
 display: none;
}

#cd-top-nav ul {
 height: 100%;
 padding-top: 18px;
}

#cd-top-nav li {
 display: inline-block;
 margin-right: 1em;
}

#cd-top-nav a {
 display: inline-block;
 padding: .5em;
 color: #FFF;
 text-transform: uppercase;
 font-weight: 600;
}

#cd-top-nav a.current {
 background-color: #242e30;
}

.no-touch #cd-top-nav a:hover {
 color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {

#cd-top-nav {
 display: block;
}
}

#cd-menu-trigger {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 50px;
}

#cd-menu-trigger .cd-menu-text {
 height: 100%;
 text-transform: uppercase;
 color: #6f787f;
 font-weight: 500;
 display: none;
 font-size:12px;
 font-size:1.2rem;
 text-align:center;
 position:relative;
 padding-top:10px;
	left: -5px;
 
}

#cd-menu-trigger:hover .cd-menu-text {
	color:#fff;}

#cd-menu-trigger .cd-menu-icon {
 /* this span is the central line in the menu menu */
 display: inline-block;
 position: absolute;
 top:25px;
 left:20px !important;
 margin:0 0 0 0px;
 -webkit-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 -o-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 width: 38px;
 height: 2px;
 background-color: #6f787f;

}

#cd-menu-trigger:hover .cd-menu-icon {
	 background-color: #fff;}

#cd-menu-trigger .cd-menu-icon::before,
#cd-menu-trigger .cd-menu-icon:after {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 background-color: inherit;
 left: 0;
 /* Force Hardware Acceleration in WebKit */
 -webkit-transform: translateZ(0);
 -webkit-backface-visibility: hidden;
}

#cd-menu-trigger .cd-menu-icon::before {
 bottom: 5px;
}

#cd-menu-trigger .cd-menu-icon::after {
 top: 5px;
}

#cd-menu-trigger.is-clicked .cd-menu-icon {
 background-color: rgba(255, 255, 255, 0);
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before,
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
 background-color: #6f787f;
}

#cd-menu-trigger.is-clicked:hover .cd-menu-icon::before,
#cd-menu-trigger.is-clicked:hover .cd-menu-icon::after {
 background-color: #ffffff;
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {
 bottom: 0;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {
 top: 0;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}


#cd-menu-trigger .cd-menu-icon-ie8 {
	
	 display: none;
 position: absolute;
 top:11px;
 left:20px !important;
 margin:0 0 0 0px;
	
	background: url(http://propuesta-lotura.clienteslotura.com/img/abrirmenu.png) -38px 0 no-repeat;
 width: 38px;
 height: 30px;

}

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

#cd-menu-trigger {
 width: 80px;
 padding-left: 1.25em;
}

#cd-menu-trigger .cd-menu-text {
 display: inline-block;
 line-height: 78px;
}

#cd-menu-trigger .cd-menu-icon {
 left: auto;
 right: 1.25em;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
  
}
}



#cd-lateral-nav {
 position: fixed;
 height: 100%;
 left: 0;
 top: 0;
 /* the secondary navigation is covered by the main element */
 z-index: 1;
 width: 330px;

 background-color: #2d343a;
 overflow-y: auto;
 /* smooth the scrolling on touch devices - webkit browsers */
 -webkit-overflow-scrolling: touch;
 /* Force Hardware Acceleration in WebKit */
 -webkit-transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 transition-property: transform;
 -webkit-transition-duration: 0.4s;
 -moz-transition-duration: 0.4s;
 transition-duration: 0.4s;
 /* this creates the subtle slide in animation of the navigation */
 -webkit-transform: translateX(-80px);
 -moz-transform: translateX(-80px);
 -ms-transform: translateX(-80px);
 -o-transform: translateX(-80px);
 transform: translateX(-80px);
}

#cd-lateral-nav .cd-navigation {
	padding:0;
 margin: 20px 20px 0px 20px !important;
 border-top: 1px solid #3e4245;
}


#cd-lateral-nav .cd-navigation  a.active {
	color:#fff !important;}
	
	



#cd-lateral-nav .cd-navigation li ul li a.active {
		color:#fff !important;}
#cd-lateral-nav .cd-navigation li ul li a.active img { 	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;}
	
#cd-lateral-nav .cd-navigation li.active .sub-menu {
	display:block;
}

	
#cd-lateral-nav .cd-navigation li {
	list-style:none;
	 border-bottom: 1px solid #3e4245;}

#cd-lateral-nav .cd-navigation li a{	 
 font-weight: 300;/* this is the right arrow to show that the item has a submenu  */

 font-size:1.6rem;
  line-height:19px;
 line-height:2rem;
 text-decoration:none;
 color:#8d9092 !important;
 text-transform:uppercase;
 padding:13px 5px 13px 5px;
}

#cd-lateral-nav .cd-navigation li.active a, #cd-lateral-nav .cd-navigation li a:hover {
	color:#fff !important;}

#cd-lateral-nav .sub-menu {
 padding: 0 10px 20px 5px;
 display: none;
}
#cd-lateral-nav .sub-menu li {
	border:0;}

#cd-lateral-nav .sub-menu a {
	 font-size:20px !important;
 font-size:2rem !important;
 color:#a3a3a3 !important;}

#cd-lateral-nav a {
 display: block;
 line-height: 2em;
 padding: 0 16px 0 0px;
 color: #aab5b7;
}

#cd-lateral-nav a.current {
 color: #FFF;
}

.no-touch #cd-lateral-nav a:hover {
 color: #FFF;
}


.iconsubmenu li {
	position:relative;
	padding-left:55px !important;
	margin-bottom:15px !important;
	display: table !important;}
	
.iconsubmenu li img {
	width:45px !important;
	height:45px !important;
	position:absolute;
	left:0;
	top:0;
	 	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.iconsubmenu li a{
	padding-top:5px !important;
	line-height:20px !important;
		height:37px;
		display:table-cell !important;
	vertical-align:middle !important;
	}

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

#cd-lateral-nav .cd-navigation {
 margin: 20px 0;
}
}

#cd-lateral-nav.lateral-menu-is-open {
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}

/* style menu items which have a submenu  */


#cd-lateral-nav .item-has-children > a {
 position: relative;
 font-weight: 300;/* this is the right arrow to show that the item has a submenu  */
 font-size:27px;
 font-size:2.7rem;
 text-decoration:none;
 color:#fff;
  background:url("http://propuesta-lotura.clienteslotura.com/img/arrow_menudown.png")  no-repeat center right \0/;
}

#cd-lateral-nav .item-has-children > a::after {
 content: '';
 display: block;
 height: 11px;
 width: 8px;
 position: absolute;
 top: 50%;
 bottom: auto;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 right: 1em;
 background: url("http://propuesta-lotura.clienteslotura.com/img/arrow_menu.svg") no-repeat center center;
 background:url("http://propuesta-lotura.clienteslotura.com/img/arrow_menu.png")  no-repeat center center \0/;
 background-size: 6px 11px;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 transition-property: transform;
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 transition-duration: 0.2s;
}

#cd-lateral-nav .item-has-children > a.submenu-open::after {
 -webkit-transform: translateY(-50%) rotate(90deg);
 -moz-transform: translateY(-50%) rotate(90deg);
 -ms-transform: translateY(-50%) rotate(90deg);
 -o-transform: translateY(-50%) rotate(90deg);
 transform: translateY(-50%) rotate(90deg);
}

#cd-lateral-nav .socials {
 *zoom: 1;
 padding: 0 32px;
}

#cd-lateral-nav .socials:before,
#cd-lateral-nav .socials:after {
 content: " ";
 display: table;
}

#cd-lateral-nav .socials:after {
 clear: both;
}



#cd-lateral-nav .socials a.cd-twitter {
 background-position: 0 0;
}

#cd-lateral-nav .socials a.cd-github {
 background-position: -32px 0;
}

#cd-lateral-nav .socials a.cd-facebook {
 background-position: -64px 0;
}

#cd-lateral-nav .socials a.cd-google {
 background-position: -96px 0;
}

.no-touch #cd-lateral-nav .socials a:hover {
 background-color: #4e6361;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
 background-position: 0 -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-github {
 background-position: -32px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
 background-position: -64px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-google {
 background-position: -96px -32px;
}


@media handheld, only screen and (max-width: 768px) {
	
	.well-hacemos .icon {
		top:0;}
	
	.well-hacemos {
		height:auto;
		margin-bottom:30px;}
	#cd-menu-trigger {
 width: 80px;
 padding-left: 1.25em;
}
	
	.cd-main-content.lateral-menu-is-open {
 /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
 -webkit-transform: translateX(260px);
 -moz-transform: translateX(260px);
 -ms-transform: translateX(260px);
 -o-transform: translateX(260px);
 transform: translateX(260px);
}

#cd-lateral-nav {
 width: 260px;
}

#cd-menu-trigger .cd-menu-icon {
 /* this span is the central line in the menu menu */
 display: inline-block;
 position: absolute;
 top:25px;
 left:35px !important;

}

h1 {
	margin: 10px 0 0 78px;
	text-indent:-99999px;
}

	.homeh1 {
		margin: 10px 0 0 0px;
	}

h1 span{
	
	background:url(http://propuesta-lotura.clienteslotura.com/img/logo.svg) no-repeat;
		background:url(http://propuesta-lotura.clienteslotura.com/img/logo.png)  no-repeat \0/;
	width:90px;
	height:28px;
	text-indent:-9999px;
	display:block;
	padding:0;
	margin:0;}

.header {
	height:50px;
	}
	
ul.languages {

	right:15px;
	top:6px;}
	
}




.header{ 
background:#384047 !important;
	display:block;
	position:absolute;
	height:100%;
	width:80px !important;
	left:0;
	right:67px;
	bottom:0;
	top:0;
	-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;

}

.header__link{color:#fff;text-decoration:none;border:0}.header__link:focus{outline:0;background-color:rgba(78,205,196,0.1)}.header__link:hover .icon{color:#4ecdc4}.header--fixed{position:fixed;z-index:10;right:0;left:0;top:0}.footer{background-color:#292f36;border-top:3px solid #4ecdc4;box-shadow:0 2px 2px -1px #292f36 inset}.footer a{color:#fff;text-decoration:none;padding-top:1em;padding-bottom:1em}.btt{display:none;position:fixed;left:0;bottom:0;font-size:.9em;-webkit-transform:translateY(4em);-ms-transform:translateY(4em);transform:translateY(4em)}@media screen and (min-width:50em){.btt{display:block}}@media screen and (min-width:65em){.btt{left:.5em}}
/*.slide{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.slide--reset{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}*/
.slide--up{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.icon:before{font-size:.9em;display:inline-block;height:1em;width:1em;line-height:1}.icon--up:before{content:"\25B2"}.sharing__button{font-size:.8em}@media screen and (min-width:40em){.sharing__button{font-size:.9em}}@media screen and (min-width:50em){.sharing__button{font-size:1em}}.question-set{border:0;padding:0;margin-bottom:1.5em}.question-set__title{display:block;margin-bottom:.75em}.question-set__input{width:100%;padding:.25em;border:1px solid #a4afba}.question-set__input:focus{outline:0;box-shadow:#4ecdc4 0 0 3px 0}.question-set__label{display:inline-block;margin-bottom:.25em}.question-set__label--block{display:block}.question-set__label input[type=radio]{margin-right:.75em}:not(pre)>code{background-color:#d0d5db;padding:.3em .2em .1em;border-radius:.25em}p+h2,p+h3{margin-top:1.5em}.complimentary{display:none}@media screen and (min-width:40em){.complimentary{display:inline}}.subdued{opacity:.6;text-shadow:none}a.subdued:hover{color:#fff}.downloads{margin-bottom:1.5em}.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes swingInX{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-o-keyframes swingInX{0%{-o-transform:perspective(400px) rotateX(-90deg)}100%{-o-transform:perspective(400px) rotateX(0deg)}}@keyframes swingInX{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}}.animated.swingInX{-webkit-transform-origin:top;-moz-transform-origin:top;-ie-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-backface-visibility:visible!important;-webkit-animation-name:swingInX;-moz-backface-visibility:visible!important;-moz-animation-name:swingInX;-o-backface-visibility:visible!important;-o-animation-name:swingInX;backface-visibility:visible!important;animation-name:swingInX}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-moz-keyframes swingOutX{0%{-moz-transform:perspective(400px) rotateX(0deg)}100%{-moz-transform:perspective(400px) rotateX(-90deg)}}@-o-keyframes swingOutX{0%{-o-transform:perspective(400px) rotateX(0deg)}100%{-o-transform:perspective(400px) rotateX(-90deg)}}@keyframes swingOutX{0%{transform:perspective(400px) rotateX(0deg)}100%{transform:perspective(400px) rotateX(-90deg)}}.animated.swingOutX{-webkit-transform-origin:top;-webkit-animation-name:swingOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:swingOutX;-moz-backface-visibility:visible!important;-o-animation-name:swingOutX;-o-backface-visibility:visible!important;animation-name:swingOutX;backface-visibility:visible!important}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.animated.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.animated.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-200px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-200px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.animated.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-200px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}30%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-200px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}30%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-200px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}30%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-200px)}}.animated.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}

.home h1 span{
	
	background:url(http://propuesta-lotura.clienteslotura.com/img/logo_white.svg) no-repeat;
		background:url(http://propuesta-lotura.clienteslotura.com/img/logo_white.png)  no-repeat \0/;}
		
.home .header {
	background:none;
	

	-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
	
	}

.home ul.languages {
	background: url(http://propuesta-lotura.clienteslotura.com/img/line_d_white.png) no-repeat;

}


	
.home .eye a{
color:#e3e4d7;}
	

	
.home .icon_eye {
	background:url(http://propuesta-lotura.clienteslotura.com/img/eye_white.svg);
		background:url(http://propuesta-lotura.clienteslotura.com/img/eye_white.png)\0/;
}

.home ul.languages a{
		color:#e3e4d7;}
		
		
.home #cd-menu-trigger .cd-menu-icon {
	background:#e3e4d7;}
	
	
.home .cd-menu-text a, .home .cd-menu-text{
	color:#e3e4d7  !important;}

.home #cd-menu-trigger.is-clicked .cd-menu-icon {
 background-color: rgba(255, 255, 255, 0);
}

.home #cd-menu-trigger.is-clicked .cd-menu-icon::before,
.home #cd-menu-trigger.is-clicked .cd-menu-icon::after {
 background-color: #e3e4d7;
}





	
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.well-development {

min-height:355px;

	}
	
.well-service {
min-height:505px !important;
	}
	
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

}


	@media all and (device-width: 300px) and (device-height: 700px) and (orientation:portrait) {
.well-development {

min-height:355px;

	}
	
.well-service {
min-height:505px !important;
	}
	
}


@media handheld, only screen and (max-width: 768px) {
	.header{ 
	height:44px;
	width:80px !important;
	left:0;
	right:67px;
	bottom:0;
	top:0;

}

#cd-menu-trigger .cd-menu-icon {
 left: 20px !important;
 top:21px !important;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
  
}

.user {
	top:0 !important;
	left:-230px !important;}

#cd-lateral-nav .cd-navigation {
	border-top: 1px solid #464d53 !important;
	margin-top:120px !important;}
	
	
.customer {
	left:-260px;
	padding:20px 20px 20px 25px;
	top:0;
	height:70px;
	background:#2d343a;
	width:260px;}
	
.customer .name {	margin:-40px 0 0 50px;
text-align:left;}


.customer .email a{ width:70px;
margin:0 0 0 50px;
padding:0 10px 0 10px;}	
	
	.design {left:-260px;
	padding:0px 20px 0px 25px;
	top:65px;
	height:40px;
	background:#2d343a;
	width:260px;}
	
.design a span {
	position:relative;
	top:-8px;
	left:47px;
	width:200px;
	display:block;
	color:#8d9092;}
	
.desing a {
	color:#8d9092;}
	
	.well-service, .well-development {
		min-height:inherit;}
		
		.well-content {
	padding:30px 30px 30px 30px;

	}
	
.well-service h2 span {
	display: inline;
	clear: none;}
	
table th[scope=row]{
	white-space: normal;
}


.container_admin {
	padding-top:50px;
	padding-left:0px;
		min-height:700px;}

}

@media handheld, only screen and (max-width: 480px)  and (orientation:landscape) {

		
		
table tr:first-child {
	display: block;

	}
	
table td {
	display:block;
	clear: none;}
	
	.lotura_left {
	float:none;
	width:100%;}
	
.customer_right {
	float:none;
	width:100%;
}
	
}
	
	
@media handheld, only screen and (max-width: 480px)  and (orientation:portrait) {

		
		
table tr:first-child {
	display:none;

	}
	
table td {
	display:block;
	clear:both;}
	
.presu_table table tr:first-child {
	display:block;

	}
	
.presu_table table thead{
	display:none;

	}
	
	.presu_table table tr td:last-child {
	width:100%;
	font-weight:500;}
	
.presu_table table th[scope=row]{
	width:100%;
	line-height:1.7rem;
}

	
	
	

	




}