html, body {
	padding: 0;
	height: 100%;
	width:100%;	
}

body {
    content: ".";
    font-family: "Lato",sans-serif;
    font-size: 20px;
    font-weight: lighter;
    line-height: 1.2em;
    margin: 0 auto;
    background-color: #000000;
    text-rendering: optimizelegibility;
}
/**, *::before, *::after {
    -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after, input[type="search"] {
    box-sizing: border-box;
}
*, *::before, *::after {
    -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after, input[type="search"] {
    box-sizing: border-box;
}*/

a, abbr, address, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, label, legend, li, object, ol, p, pre, q, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
    border: 0 none;
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    outline: 0 none;
    padding: 0;
}

ul {
	padding: 0; margin: 0;	
}
li {
	display: inline-block;
	list-style: none;
	vertical-align: top;
}

.bgb {background-color: #000000;}
.orange {color: #f19800 !important;}
.white {color: #ffffff !important;}
.black {color: #000000 !important;}
.bold {font-weight: bold !important;}
.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.w50 {width: calc(50% - 20px);padding: 0 10px;display: inline-block;}
.w25 {width: calc(25% - 20px);padding: 0 10px;display: inline-block;}
.w33 {width: calc((100% / 3) - 20px);padding: 0 10px;display: inline-block;}


#cookie-bar {
    background-color: #000000;
    color: #ffffff;
    font-size: 12px;
    height: 25px;
    padding-left: 10px;
    padding-top: 5px;
    position: relative;
    text-align: left;
    width: calc(100% - 10px);
    z-index: 99;
}
#cookie-bar a {
    background-color: #333333;
    margin: 0 10px;
    padding: 0 9px;
    text-decoration: none;
    color: #ffffff;
}

#cookie-bar a:nth-child(2) {
	margin: 0;
}

#index_home {
	width: 100%;
	background-color: #000000;
	/*background-image: url("../images/index/fondo.png");*/
	background-size: cover;
	background-position: center;
	text-align: center;
	color: #ffffff;
	max-width: 1440px;
	margin: 0 auto;
	
}
	#index_home #login {
	    color: #ffffff;
	    cursor: pointer;
	    font-size: 16px;
	    max-width: 1440px;
	    padding: 20px 0;
	    position: fixed;
	    text-align: right;
	    text-transform: uppercase;
	    width: 100%;
	    z-index: 99;
	}
		#index_home #login span {
		    background-color: rgba(0, 0, 0, 0.2);
		    border-radius: 15px;
		    padding: 10px 15px;
		}
	#index_home h2 {
	    display: inline-block;
	    font-size: 35px;
	    font-weight: normal;
	    line-height: 35px;
	    position: relative;
	    z-index: 5;
	    padding: 0 20px;
	    margin-bottom: 60px;
	    font-weight: 100;
	}
	
	#index_home hr {
		width: 80%;
		max-width: 290px;
		margin: 50px auto 40px;
		border: none;
		border-top: 1px solid #aaaaaa;
	}
	
	#index_home .logo::after {
	    clear: both;
	    content: "";
	    display: block;
	}
	#index_home .logo {
	    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #000 0%, transparent 100%) repeat-x scroll 0 -50px / 100% 280px;
	    min-height: 235px;
	    position: relative;
	    text-align: center;
	    top: 0;
	    width: 100%;
	    z-index:2;
	}
	video {
	    display: inline-block;
	    height: auto;
	    position: relative;
	    top: -300px;
	    vertical-align: top;
	    width: 100%;
	    z-index: 0;
	}
	#index_home .logo img {
	    height: 99px;
	    padding-top: 19px;
	}
	#index_home #index_cab {
		height: 100vh;
		background-position: center center;
		background-image: url("../images/index/hero2.jpg");
		background-size: cover;
		margin: 0 auto;
	}
	
	#index_home #index_cab::before {
	    background: linear-gradient(to bottom, transparent 0%, transparent 40%, #000 100%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../images/index/overlay.png") no-repeat scroll center center / 100% 100%;
	    content: "";
	    display: block;
	    height: 100%;
	    max-width: 1440px;
	    position: absolute;
	    width: 100%;
	    z-index: 1;
	}
	
	#index_home .boxtext {
		margin-top: -330px;
	}
	#index_home .text {
	    background-position: center center;
	    background-size: cover;
	    border-radius: 6px;
	    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
	    content: "";
	    margin: 0 10px;
	    padding: 55px 10px;
	    position: relative;
	    text-align: center;
	    width: calc((100% / 3) - 40px);
	    z-index: 2;
	    font-size: 19px;
	    line-height: 30px;
	    vertical-align: top;
	    min-height: 80px;
	}
	
	#index_home .text:after {
			background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 0%, transparent 50%);
		   content: "";
		   display: block;
		   height: 102%;
		   left: 0;
		   position: absolute;
		   top: 0;
		   width: 100%;
	}
	
	#index_home li.text:first-child {background-image: url("../images/index/cap2.jpg");}
	#index_home li.text:nth-child(2) {background-image: url("../images/index/cap5.jpg");}
	#index_home li.text:last-child {background-image: url("../images/index/cap4.jpg");}
		
	#index_home .text .content {
	    bottom: 0;
	    min-height: 59px;
	    padding: 10px;
	    position: absolute;
	    text-align: center;
	    z-index: 1;
	}
		
	#index_home #functions {
	    background-image: url("../images/index/blackip.jpg");
	    background-position: calc(100% - 100px) top;
	    background-repeat: no-repeat;
	    background-size: auto 120%;
	    height: 400px;
	    line-height: 40px;
	    margin-top: 0;
	    padding: 130px 20px;
	    position: relative;
	}
	
		#index_home #functions .side {
		    background-image: url("../images/index/3.png");
		    background-repeat: no-repeat;
		    background-size: cover;
		    display: inline-block;
		    height: 430px;
		    vertical-align: top;
		    width: 202px;
		}
		#index_home #functions .lside {
		    bottom: 115px;
		    left: 220px;
		    position: absolute;
		    width: 500px;
		    z-index: 99;
		    text-align: left;
		}
		.lside > p {
		    color: #dddddd;
		    font-size: 16px;
		    line-height: 23px;
		    margin: -30px 0 20px;
		    padding-left: 20px;
		}
		
		.lside .boton {
		    background-color: #000;
		    border: 2px solid #f19800;
		    border-radius: 20px;
		    margin: 20px 0 0;
		    padding: 5px 15px;
		    text-transform: none;
		}
		#index_home #functions li {
		    border: 1px solid #ffffff;
		    border-radius: 5px;
		    margin: 10px;
		    opacity: 0.5;
		    padding: 0 10px;
		    vertical-align: top;
		}	
		#index_home #functions .ico {
		    width: 20px;
		}
		
	
		
	#popupContent {
		height: 450px;
		width: 410px;
		background-color: #ffffff;
		text-align: center;
		color: #000000;
	}
		#popupContent .or::before {
		    background: rgba(77, 87, 104, 0.2) none repeat scroll 0 0;
		    content: "";
		    height: 2px;
		    left: 0;
		    margin-top: -1px;
		    position: absolute;
		    top: 50%;
		    width: 100%;
		    z-index: 0;
		}
		#popupContent .or {
		    color: rgba(77, 87, 104, 0.8);
		    margin: 0 0 0.4em;
		    position: relative;
		    text-align: center;
		    text-transform: uppercase;
		}
		
		#popupContent .or span {
		    background: #fff none repeat scroll 0 0;
		    display: inline-block;
		    padding: 0.5em 1em;
		    position: relative;
		    vertical-align: middle;
		}
		
		#popupContent p {
		    line-height: 1.6;
		}
		
		#popupContent #contentpop {
			padding: 35px 10px;
		}
		
	#blurbox-wrapper {
		background-color: #ffffff !important;
	}
		
	#popupContent .social li {
		width: 57px;
		height: 56px;
		cursor: pointer;
		background-image: url("../images/index/redes.png");
		margin: 20px 5px;
	}
		#popupContent .linkedin {background-position: 0px 0px;}
		#popupContent .facebook {background-position: 144px 0;}
		#popupContent .twitter {background-position: 57px 0;}
		
	#popupContent .social li:nth-child(2) {
		margin: 0 10px 30px;
	}
	
	#popupContent .form {
		margin-top:30px;
	}
	
	#popupContent .form input {
	    background-color: #ffffff;
	    border: 1px solid #cccccc;
	    color: #f19800;
	    font-family: "Lato",sans-serif;
	    font-size: 15px;
	    font-weight: bold;
	    margin-bottom: 8px;
	    padding: 8px 15px;
	    text-align: center;
	    width: 240px;
	}
	
	#popupContent .form input:last-of-type {
		margin-bottom: 40px;
	}
	
	.button {
	    color: #f19800;
	    cursor: pointer;
	    text-decoration: underline;
	}
	.boton {
	    background-color: #f19800;
	    border: medium none;
	    color: #ffffff;
	    cursor: pointer;
	    display: inline-block;
	    font-family: "Raleway",sans-serif;
	    font-size: 18px;
	    font-weight: lighter;
	    padding: 10px 35px;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	
	.form_logo_msn {
	    background-color: rgba(0, 0, 0, 0.53);
	    cursor: pointer;
	    font-size: 12px;
	    margin-top: -95px;
	    padding: 0 5px;
	    position: absolute;
	    text-shadow: 3px 2px 2px #000000;
	    width: 110px;
	    z-index: 4;
	}
	
	#form_input_img_logo, #form_input_item_logo {
		width: 120px;
		height: 120px;
		position: relative;
		opacity: 0;
		padding: 0;
		z-index: 5;
		cursor: pointer;
	}
	

.loadshape {
    background-color: #000000;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    opacity: 0;
    pointer-events: none;
}

a.ablack {
	color: #000000 !important;
	text-decoration: none !important;
}
a.ablackline {
	color: #000000 !important;
	text-decoration: underline !important;
}
a.aorange {
	color: #f19800 !important;
	text-decoration: none !important;
}
a.aorangeline {
	color: #f19800 !important;
	text-decoration: underline; !important;
}
	

#cab {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: 25px;
    padding: 5px 10px;
    position: relative;
    text-align: right;
    z-index: 99;
}
	
	#cab .photo {
	    height: 25px;
	    border-radius:20px;
	}
	
	#cab .logo {
	    background-color: #000000;
	    border-radius: 45px;
	    left: 50%;
	    margin-left: -35px;
	    padding: 3px;
	    position: absolute;
	    top: 7px;
	    width: 50px;
	    
	}
	#cab .name {
	    color: rgba(255, 255, 255, 0.5);
	    font-family: "Raleway",sans-serif;
	    font-size: 16px;
	    left: 10px;
	    position: absolute;
	    text-transform: uppercase;
	    width: calc(100% / 2 - 50px);
	    text-align: left;
	    height: 22px;
	    overflow: hidden;
	}
	
	#cab .name::before {
	    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 67%, rgb(0, 0, 0) 100%) repeat scroll 0 0;
	    color: #ffffff;
	    content: "";
	    display: inline-block;
	    font-family: "Raleway",sans-serif;
	    font-weight: lighter;
	    height: 22px;
	    position: absolute;
	    right: 0;
	    width: 160px;
	}
	
	
	
#includes {
	width: 90%;
	max-width: 1440px;
	margin: 0 auto 50px;
	/*padding: 40px 0;*/
	color: #ffffff;
	font-weight: lighter;
	font-family: "Raleway",sans-serif;
	
}

#includes .header::before {
    background: rgba(0, 0, 0, 0) url("../images/index/overlay.png") no-repeat scroll center center / 100% 100%;
    bottom: 0;
    content: "";
    display: block;
    height: 102%;
    max-width: none;
    position: relative;
    width: 102%;
}
#includes .header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 320px;
    opacity: 0.9;
    width: 100%;
}

#includes .body {
    margin-top: -95px;
    position: relative;
    text-align: center;
}

#includes .body h2 {
	font-weight: bold;
	font-size: 43px;
	line-height: 45px;
	text-transform: uppercase;
	margin-bottom: 40px;
	
}

#includes #zoneconf h2 {
	font-weight: bold;
	font-size: 43px;
	line-height: 38px;
	text-transform: uppercase;
	margin-bottom: 40px;
	text-align: center;
}
#includes .body h3 {
    color: #a6a5a2;
    font-size: 12px;
    font-weight: initial;
    margin-top: -35px;
}

#includes #zoneconf h3 {
    color: #a6a5a2;
    font-size: 12px;
    font-weight: initial;
    margin-top: -35px;
    text-align: center;
}

#includes #zoneconf h3 img{
	display: inline-block;
	vertical-align: middle;
}

#editinfoconf {
    background-color: #212121;
    border-radius: 22px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 25px;
    padding: 11px 10px;
    cursor: pointer;
}

#editinfoconf a {
	color: #ffffff;
	text-decoration: none;
}

#editinfoconf img {
	width: 10px;
}


#includes .body h3 img{
	display: inline-block;
	vertical-align: middle;
}

input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #000000;
    border-color: currentcolor currentcolor #a6a5a2;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #ffffff;
    font-family: "Raleway",sans-serif;
    font-size: 17px;
    font-weight: lighter;
    padding: 9px 16px;
    text-align: left;
    width: 335px;
}

#home {
	font-family: "Raleway",sans-serif;
	font-weight: 100;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
	padding-top: 90px;
	line-height: 35px;
}
#home .job {
	opacity: 0.5;
	margin-top: -5px;
	font-size: 20px;
	color: #a6a5a2 !important;
}
#home .photo {
	width: 120px;
	border-radius: 60px;
	margin-bottom: 30px;
}
#home .text {
    color: #a6a5a2;
    font-size: 12px;
    text-transform: lowercase;
}
#home .number {
    font-size: 40px;
    margin-bottom: -3px;
    color: #ffffff;
}
#home .number > img {
    height: 30px;
}
#home li {
    margin-top: 35px;
    width: 110px;
    cursor: pointer;
}
#home li a {
	text-decoration: none;
}

#home li:nth-child(2) {
	border-left: 1px solid #a6a5a2;
	border-right: 1px solid #a6a5a2;
} 


.infogrey {
	margin: 20px 0;
	color: #bbbbbb;
	font-style: italic;
	font-size: 20px;
}
#home_new {
	margin-bottom: 90px;
}
	#home_new .button {
		font-size: 26px;
		color: #ffffff;
		padding: 10px 20px;
		background-color: #f19800;
		text-decoration: none;
		border-radius: 30px;
		border: none;
		font-weight: bold;
		cursor: pointer;
	}

.active_header {
	background-image: url("../images/active/header.jpg");
}
.creator_header {
	background-image: url("../images/creator/header.jpg");
}
.publish_header {
	background-image: url("../images/principal/publish.jpg");
	/*background-position: 0 -600px !important;*/
}

#form_logo {
    background-color: #a6a5a2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 60px;
    height: 120px;
    margin: 0 auto 30px;
    text-align: center;
    width: 120px;
}

#zoneconf {
    display: inline-block;
    height: auto;
    margin-bottom: 80px;
    width: 100%;
}

#zoneconf #logopoint {
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100px;
	height: 150px;
	margin: -190px auto 60px;
	position: relative;
	text-align: center;
	width: 150px;
	z-index: 2;
	
}

#logopoint {
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px;
    height: 150px;
    margin: -190px auto 130px;
    position: relative;
    text-align: center;
    width: 150px;
    z-index: 2;
}
#logoitem {

    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    height: 150px;
    margin: -190px auto 130px;
    position: relative;
    text-align: center;
    width: 150px;
    z-index: 2;
}

#form {
    margin: 0 auto;
    max-width: 375px;
    text-align: left;
    width: 90%;
}

.datepicker {
	width: 250px !important;
}
.timepicker {
	width: 50px !important;
}

.box_white {
    background-color: #fefefe;
    color: #000000;
    padding: 10px;
    text-align: left;
    width: 80%;
}	
	.box_white a {
		color: #f19800;
		text-decoration: none;
	}
	.box_white .logo {
	    display: inline-block;
	    vertical-align: middle;
	    height: 85px;
	    width: 100px;
	}
	.box_white .logo > img {
	    border-radius: 50px;
	    height: 85px;
	    width: 85px;
	}
	.box_white .dates {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 115px);
	}
	.box_white .name {
	    font-weight: 800;
	    text-transform: uppercase;
	}
	.box_white .date {
	    color: #a6a5a2;
	    font-size: 13px;
	    margin-top: -5px;
	}
	.box_white .dates img{
		display: inline-block;
		vertical-align: middle;
	}
	.box_white .options {
	    font-size: 15px;
	    font-weight: bold;
	}

#opt_zone {
    margin: 40px auto;
    max-width: 850px;
    width: 100%;
}

.opt_box::after {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.34) 0%, transparent 0%, #ffffff 40%);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.opt_box {
    background-color: #ffffff;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 20px;
    min-height: 160px;
    padding-top: 50px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    width: calc(50% - 100px);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center bottom;
}
	.opt_box.map { background-image: url("../images/creator/map.jpg"); }
	.opt_box.perso { background-image: url("../images/creator/perso.jpg"); }
	.opt_box.menu { background-image: url("../images/creator/menu.jpg"); }
	.opt_box.inv { background-image: url("../images/creator/inv.jpg"); }
	.opt_box.ask { background-image: url("../images/creator/ask.jpg"); }
	.opt_box.speaker { background-image: url("../images/creator/speaker.jpg"); }
	.opt_box.poll { background-image: url("../images/creator/poll.jpg"); }
	.opt_box.budget { background-image: url("../images/creator/budget.jpg"); }
	
.checked {
    background-image: url("../images/creator/checked.png");
    background-size: 100% auto;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    z-index: 2;
    display: none;
}

.opt_box .tit {
	position: relative;
	z-index: 2;
}
.opt_box .sub {
    color: #a6a5a2;
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 12px;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}

#sel_opt_pt {
    font-size: 15px;
    width: 615px;
    margin: 65px auto;
}
#sel_opt_pt > div {
	vertical-align: top;
}
	#sel_opt_pt .boton {
	    width: 100%;
	}

.btn_time {
    background-color: #cccccc;
    border-radius: 9px;
    font-size: 15px;
    padding: 2px 5px;
    text-align: center;
}
.point_ley {
    font-size: 14px;
    text-align: center;
    width: 100%;
}

#sel_opt_pt_point li {
    display: inline-block;
    margin: 14px;
    text-align: center;
    cursor: pointer;
}
	#sel_opt_pt_point #form {
		text-align: center !important;
	}

.limap {
	height: 500px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.lirange {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
}
.lirange input {
	border: none;
}


#map {
    display: block;
    height: 480px;
    width: 100%;
}

#geocoding_form {
    width: 90%;
    margin: 55px auto 0;
}

	#geocoding_form #searchbox {
	    background: #fff none repeat scroll 0 0;
	    border-bottom: 1px solid transparent;
	    border-radius: 2px;
	    box-sizing: border-box;
	    height: 48px;
	    position: relative;
	    transition-duration: 0.3s;
	    transition-property: background, box-shadow;
	    width: 392px;
	    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
	    margin: 0px auto -60px;
	    z-index: 1;
	    
	}
	
	#searchbox #address {
	    background-color: rgba(0,0,0,0);
	    margin: 0;
	    width: 300px;
	    height: 30px;
	    display: inline-block;
	    vertical-align: top;
	    color: #a6a5a2;
	    font-size: 15px;
	    font-weight: 400;
	    border: none;
	}
	
	.searchbox-searchbutton {
	    background: rgba(0, 0, 0, 0) url("//maps.gstatic.com/tactile/omnibox/quantum_search_button-20150825-1x.png") repeat scroll 0 0 / 72px 24px;
	    content: "";
	    display: inline-block;
	    height: 24px;
	    width: 24px;
	    display: inline-block;
	    border: none;
	    padding: 22px;
	    background-repeat: no-repeat;
	    background-position: 17px center;
	}
	
	
#persoresultblock {
	display: none;
	text-align: center;
	margin-top: 50px;
}
.home_exp {
    background-color: #ffffff;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin: 100px auto;
    max-width: 800px;
    padding: 30px;
    width: calc(100% - 60px);
}
#persozone {
    margin-top: 100px;
    position: relative;
}
#persozone #fileselected {
    height: 115px;
    left: 50%;
    margin-left: -266px;
    opacity: 0;
    position: absolute;
    top: -25px;
    width: 500px;
    cursor: pointer;
}
	
#saveperso {
	display: none;
}

.phone, .board_phone {
	width: calc((100% / 4) - 20px);
	height: 500px;
	position: relative;
	margin: 10px;
}

.phoneimg, .board_phoneimg {
    left: 50%;
    margin-left: -110px;
    position: absolute;
    z-index: 90;
    width: 220px !important;
}

	.bk, .board_bk {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	#iphone6 .bk {
	    height: 341px;
	    left: 50%;
	    margin-left: -96px;
	    margin-top: 55px;
	    position: absolute;
	    width: 192px;
	    z-index:10;
	}
	
	#iphone5 .bk {
	    height: 319px;
        left: 50%;
        margin-left: -90px;
        margin-top: 65px;
        position: absolute;
        width: 180px;
        z-index:10;
	}
	
	#galaxy .bk {
	    height: 347px;
	    left: 50%;
	    margin-left: -99px;
	    margin-top: 50px;
	    position: absolute;
	    width: 198px;
	    z-index: 10;
	}
	
	#nexus .bk {
	    height: 352px;
	    left: 50%;
	    margin-left: -101px;
	    margin-top: 47px;
	    position: absolute;
	    width: 199px;
	    z-index: 10;
	}
	
	#samsung .bk {
	    height: 306px;
	    left: 50%;
	    margin-left: -93px;
	    margin-top: 73px;
	    position: absolute;
	    width: 187px;
	    z-index: 10;
	}
	
	#iphone4 .bk {
        height: 279px;
        left: 50%;
        margin-left: -92px;
        margin-top: 86px;
        position: absolute;
        width: 186px;
        z-index: 10;
	}


#menublock {
    background-color: #444444;
    border-radius: 30px;
    margin: 80px auto 0;
    text-align: center;
    width: 500px;
}

.menuelem {
    border: 1px solid #3a3a3a;
    height: 130px;
    padding: 15px;
    text-align: center;
    width: calc(33% - 31px);
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

.menuelem:nth-child(3n) {
	border-right: none;
}
.menuelem:nth-child(3n+1) {
	border-left: none;
}
.menuelem:nth-child(1),.menuelem:nth-child(2),.menuelem:nth-child(3) {
	border-top: none;
}
.menuelem:nth-child(7),.menuelem:nth-child(8),.menuelem:nth-child(9) {
	border-bottom: none;
}

.menuelem .icomenu {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    height: 75px;
    margin: 0 auto;
    width: 55px;
}

.menuelem .titlemenu {
    font-weight: normal;
    text-align: center;
}

.amenuelem {
    background-image: url("../images/menu/plus.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25% auto;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.selmenu select {
    border: 1px solid #a6a5a2;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 15px 20px;
    text-align: center;
}
.selmenu input {
    background-color: #ffffff;
    color: #a6a5a2;
    margin-bottom: 30px;
    margin-top: 30px;
}
.selmenu {
	display: none;
	text-align: center !important;
}
.menuedit {
    background-image: url("../images/menu/edit.png");
    background-position: center center;
    background-size: 100% auto;
    display: inline-block;
    height: 18px;
    margin: 0 9px;
    text-align: center;
    vertical-align: middle;
    width: 18px;
}
.menuconf {
    background-image: url("../images/menu/configure.png");
    background-position: center center;
    background-size: 100% auto;
    display: inline-block;
    height: 18px;
    margin: 0 9px;
    text-align: center;
    vertical-align: middle;
    width: 18px;
}
.menudel {
    background-image: url("../images/menu/delete.png");
    background-position: center center;
    background-size: 100% auto;
    display: inline-block;
    height: 18px;
    margin: 0 9px;
    text-align: center;
    vertical-align: middle;
    width: 18px;
}

.controlmenu {
    background-color: #333333;
    border-radius: 20px;
    bottom: 5px;
    color: #222222;
    font-size: 14px;
    left: 4px;
    padding: 3px 0;
    position: absolute;
    right: 6px;
}

#menuitem_block {
	margin-top: 50px;
}
#prog_list {
    margin-top: 50px;
}
.list_hour {
    background-color: #f19800;
    border-radius: 25px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 75px;
}
.list_event {
    background-color: #ffffff;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0;
    padding: 20px;
    text-align: left;
}

.del_prog {
    background-color: #666666;
    border: medium none;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    float: right;
    margin-top: -10px;
    padding: 7px;
    position: relative;
}
.del_box {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: right;
}

#editoradditem {
	display: none;
	text-align: center;
}
	#editoradditem #form_logo {
		background-color: #cccccc;
	}
	#editoradditem #form_input_item_logo {
		width: 90px;	
	}
	
	#editoradditem .form_logo_msn {
		font-size: 13px;
		line-height: 15px;
	}

	#editoradditem #picture {
	    background-color: #cccccc;
	    border-radius: 50px;
	    cursor: pointer;
	    font-size: 13px;
	    
	    line-height: 15px;
	    margin: 10px auto 30px;
	    padding: 35px 10px 0;
	    position: relative;
	    width: 80px;
	}
	#editoradditem input, #editoradditem textarea {
	    background-color: #ffffff;
	    border: 1px solid #cccccc;
	    color: #f19800;
	    font-family: "Lato",sans-serif;
	    font-size: 15px;
	    font-weight: bold;
	    margin-bottom: 8px;
	    padding: 8px 15px;
	    text-align: center;
	    width: 240px;
	}	
	#editoradditem textarea {
	    color: #000000 !important;
	    font-weight: normal !important;
	    height: 150px !important;
	    text-align: left !important;
	}



#backbutton {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url("../images/principal/back.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% auto;
    border-radius: 30px;
    height: 30px;
    left: 10px;
    position: absolute;
    top: 45px;
    width: 30px;
    z-index: 99;
    cursor: pointer;
}

.box_el {
    background-color: #333333;
    border-radius: 25px;
    font-size: 14px;
    line-height: 18px;
    margin: 10px;
    padding: 20px;
    text-align: center;
    width: 280px;
    min-height: 231px;
    position: relative;
}

.box_el .picture{
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	margin: 0 auto 20px;
}

.box_el .field1 {
    color: #f19800;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
}
.box_el .field2 {
    color: #f19800;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 10px;
}
.box_el .desc {
    text-align: justify;
    display: none;
}


.box_el .btndesc {
    background: rgba(0, 0, 0, 0) url("../images/principal/down.png") no-repeat scroll center bottom / 20px auto;
    cursor: pointer;
    height: 40px;
    padding: 15px 0 0;
    position: relative;
    width: 100%;
}

.addbox {
    background-image: url("../images/menu/plus.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px auto;
    height: 100%;
    left: 0;
    opacity: 0.65;
    position: absolute;
    top: 0;
    width: 100%;
}
.addbox:hover {
	opacity: 1;
}

.mintxt {
    font-size: 13px;
}

.deletepoint {
	cursor: pointer;
}

.infoempty a {
	color: #ffffff;
	text-decoration: none;
}

#publish_resume li {
    border-bottom: 1px dotted #a5a6a2;
    display: list-item;
    font-size: 16px;
    margin: 10px auto;
    max-width: 500px;
    padding-bottom: 10px;
    text-align: left;
    width: 90%;
}
#publish_resume li:last-child {
    font-size: 22px;
    font-weight: bold;
    padding: 24px 0;
    text-align: right;
}
#promobox {
    font-size: 12px;
    margin: 15px auto;
    max-width: 500px;
    width: 90%;
    text-align: right;
}
#promobox > input {
    width: 90px;
}
#promobox .boton {
    display: inline-block;
    font-size: 21px;
    margin-left: 10px;
    padding: 5px 20px 5px 12px;
    width: 0;
}

#pay {
	cursor: pointer;
}
#pay img {
	width: 150px;
}


#board_data {
    display: inline-block;
    float: left;
    width: 220px;
    vertical-align: top;
}

#board_opt {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 250px);
	margin-left:10px
}

#mapstatic > img {
    border-radius: 100px;
}

#backstatic .board_phone {
    height: 250px;
    margin: 35px auto 10px;
    text-align: center;
    width: 120px;
    padding-top: 30px;
}

#backstatic .board_phone img {
    left: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
    top: 0;
}
#backstatic .board_bk {
    background-size: auto 100%;
    height: 186px;
    margin-left: 8px;
    width: 104px;
}

#zone_ask {
    margin: 0 auto;
    max-width: 800px;
    text-align: left;
    width: 90%;
}

li.ask_box {
    display: inline;
    max-width: 90%;
    text-align: left;
}



.ask_picture {
    display: inline-block;
    vertical-align: top;
    width: 50px;
}

.ask_picture > img {
    border-radius: 50px;
    width: 50px;
}

.ask_ask::before {
    border-color: transparent #333333 transparent transparent;
    border-width: 0 10px 10px 0;
    left: -9px;
    position: absolute;
    top: 0;
}

.ask_ask::before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0;
}

.ask_ask {
    background: #333333 none repeat scroll 0 0;
    border-radius: 0 10px 10px;
    color: #ffffff;
    display: inline-block;
    margin-left: 20px;
    margin-top: 17px;
    padding: 20px;
    position: relative;
    vertical-align: top;
    max-width: calc(100% - 140px);
    font-size: 17px;
    line-height: 24px;
}
.ask_name {
    font-size: 14px;
    line-height: 16px;
    margin-left: 95px;
    margin-top: 8px;
}

.ask_ask .time {
	color: #aaaaaa;
	font-size: 13px;	
}

.star100 {
    background-image: url("../images/vote/100.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    margin-top: 12px;
    width: 20px;
}
.star75 {
    background-image: url("../images/vote/75.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    margin-top: 12px;
    width: 20px;
}
.star50 {
    background-image: url("../images/vote/50.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    margin-top: 12px;
    width: 20px;
}
.star25 {
    background-image: url("../images/vote/25.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    margin-top: 12px;
    width: 20px;
}
.star0 {
    background-image: url("../images/vote/0.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    margin-top: 12px;
    width: 20px;
}

#payok {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 200px;
}

#payok button {
    padding: 10px 20px;
    border: none;
    border-radius: 15px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    background-color: #f19800;
    color: #ffffff;
    cursor: pointer;
}

#selico {
    margin-bottom: 25px;
}

.selico img {
    width: 30px;
    height: 30px;
}

.selico {
    margin: 13px;
    border: 2px solid #ffffff;
    border-radius: 6px;
    padding: 5px 9px;
    cursor: pointer;
}

.selico.active {
	background-color: #19db09;
}


#statics {
	text-align: center;
}

li.static {
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px solid #fefefe;
	border-radius: 10px;
}

li.static.total {
	width: calc(50% - 62px);
	height: 300px;
	margin: 10px;
}

li.static_so {

    width: calc((100% / 3) - 64px);
    margin: 10px;
    padding: 20px;
    min-height: 200px;
    border-radius: 10px;
    border: 2px solid #efefef;
	text-align: center;
}

li.static_so img {
    width: 70px;
    margin: 25px auto 55px;
}

li.static_so h3 {
    font-size: 40px !important;
    margin-bottom: 20px;
}

li.static_more {
	width: calc((100% / 3) - 64px);
    margin: 10px;
    padding: 20px;
    min-height: 200px;
    border-radius: 10px;
    border: 2px solid #efefef;
	text-align: center;
}

li.static_more .title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

li.static_more img {
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

li.static_more .max_name {
    font-weight: lighter;
    color: #f19800;
    margin-top: 20px;
    font-size: 17px;
}


@media screen and (max-width:1110px) {
	#index_home #functions .lside {
		width: 305px;
	}
}


@media screen and (max-width:1005px) {
	
	.phone {
		width: calc(100% / 3 - 20px);
	}
	
	#index_home #functions .lside {
		left: 120px;
	}
	
}

@media screen and (max-width:895px) {
	 
	 #geocoding_form #searchbox{
	 	
	    float: right;
	    margin-right: 10px;
	    margin-top: 10px;
	}
	
	#index_home #functions {
	    background-position: calc(100% - -15px) top;
	}
}

@media screen and (max-width:850px) {
	 
	#board_opt li {
	    width: 50%;
	}
}

@media screen and (max-width:760px) {
	.phone {
		width: calc(100% / 2 - 20px);
	}
	#index_home #functions .lside {
	    left: 50px;
	}
}

@media screen and (max-width:700px) {
	 
	 #geocoding_form #searchbox{
 	    top: 60px;
 	    float: left;
 	    left: 10px;
 	}
 	
 	#board_data {
 	    display: inline-block;
 	    float: none;
 	    vertical-align: top;
 	    width: 100%;
 	}
 	#backstatic .board_phone {
 	    margin: -20px auto 10px;
 	}
 	#board_data div {
 	    display: inline-block;
 	    
 	}
 	#mapstatic {
 		margin: 0px 10px;
 	}
 	#board_opt {
 		width: 90%;
 		margin-left: 0;	
 	}
 	#board_opt li {
	 	width: 90%;
	 }
	 
	#sel_opt_pt {
		width: 100%;
		margin-bottom: 0;
	}
	#sel_opt_pt .w50 {
		width: 90%;
		margin-bottom: 50px;
	}
	
}

@media screen and (max-width:650px) {
	.opt_box {
		width: 90%;
	}
}

@media screen and (max-width:585px) {
	#index_home #functions .lside {
	    left: 0;
	    padding: 0 20px;
	    text-align: center;
	    width: calc(100% - 40px);
	}
	
	#index_home #functions {
		height: 250px;
		background:none;
	}
}

@media screen and (max-width:525px) {
	.phone {
		width: calc(100% - 20px);
	}
}

@media screen and (max-width:510px) {
	 
	 #geocoding_form #searchbox{
 	    width: 90%;
 	}
}