@charset "utf-8";
/* CSS Document */

/*
-- STYLES GROUPS INDEX
    1.- General
    2.- Header
    3.- Footer
    4.- Messages
    5.- Admin
    6.- Public pages
    7.- Forms
    8.- Plugins
    9.- Statistics
   10.- Media queries

*/

/******************************/
/* 1.- GENERAL*/
/******************************/

/*Wrap - Container*/
        .container {min-height: 560px; padding-top: 80px; padding-bottom:20px; max-width:auto;}

        #inner-wrap{margin-top:72px;}
        .inner-wrap{margin-top:72px;}
        
        #wrap{min-height:560px;}
        
        #wrap{width:100%; float:left;  margin-top:10px; min-height:480px;}
                #inner-wrap{width:1040px; margin:10px auto; clear:both;}


        #wrap.externo{margin-top:10px;}

        #wrap.interno{margin-top:10px;}      
	
/*Fontface
	@font-face{font-family:form; src:url('../fonts/form-regular.otf');}
	@font-face{font-family:form; src:url('../fonts/form-bold.otf'); font-weight:bold;}
	@font-face{font-family:form; src:url('../fonts/form-italic.otf'); font-style:italic;}
        @font-face{font-family:helvetica; src:url('../fonts/HelveticaNeueLTStd-Bd.otf'); font-style:bold;}
        */

/*Body*/
	
	body{margin:0; padding:0; font-size:17px; font-family:Arial, Helvetica, sans-serif; color:#575757; }
        body a:hover{cursor:hand; cursor:pointer;}
       
/*Tipography*/

	p, .p{line-height:135%;}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{line-height:110%; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; font-family:Arial, Helvetica, sans-serif; margin:0;}
	
	p, .p{font-size:0.82em;}
	h6, .h6{font-size:0.875em;}
	h5, .h5{font-size:1em;}
	h4, .h4{font-size:1.125em;}
	h3, .h3{font-size:1.375em;}
	h2, .h2{font-size:1.625em;}
	h1, .h1{font-size:2em;}
	
	.normal{font-weight:normal;}
	.bold{font-weight:bold;}
	.italic{font-style:italic;}
	
	.clear{clear:both;}
	.no-clear{clear:none;}
			
        p + p{text-indent:0em;}

	.marginTop20{margin-top:20px;}
	
	h5,h6,p{text-align:justify;}
	
/*Images*/
        /*limit the photo showed to not exceed the size of the cropping window */
        .select-picture-foto img { width: 100%;}
        img {max-width: 100%;}

/*Lists*/

	ul, li{padding:0; margin:0; list-style:none; float:left;}
		ul a{display:block;}
		
/*Anchors*/
	
	a{text-decoration:none; }
	a:link{text-decoration:none; }
	a:visited{}
	a:focus{outline:none; outline:none; outline-offset:0;}
	a:hover, a:active{color:#C60; text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;}
		ul a:hover, ul a:active{color:#C60; text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;}

        
/*Pagination*/
	
	ul.pagination{width:880px; margin:10px 0 35px;}
            .pagination span a{display:block; padding:0; width:30px; height:30px; line-height:30px; border-radius:15px; float:left; text-align:center; font-size:12px; color:#666; border:1px solid #CCC; margin-left:5px;}
                .pagination span a:hover{opacity:0.6; filter: alpha (opacity=60);}
                .pagination .active a{color:#FFF; background: #227C50;}
                .pagination span.active a:hover{background:#4A4576;}

                    .pagination > span > a, .pagination > span > span{ background-color:#EEE;}
                    .pagination > span:first-child > a, .pagination > span:first-child > span {border-bottom-right-radius: 4px; border-top-right-radius: 4px;	margin-left: 0;}
                    .pagination > span:last-child > a, .pagination > span:last-child > span  {border-bottom-left-radius: 4px; border-top-left-radius: 4px;}

        .pagination{float:left;}
        
/*Colors*/

        .orange{color:#F18900;}
        .lighter-grey{color:#F1F1F1;}
        .light-grey{color:#CCC;}
        .grey{color:#666;}
        .dark-grey{color:#333;}
        .darker-grey{color:#111;}
        .black{color:#000;}

/*Buttons*/
        
        .create_button {
            margin-top: 30px;
        }

	button{border:none; background-color:none; box-shadow:none;}

	a.button-action, input.button-action, button.button-action{display:block; float:left; width:180px; height:36px; line-height:36px; color:#FFF; margin:15px; background-color:#F18900; text-align:center;}
            a.button-action:hover, a.button-action:active, input.button-action:hover, input.button-action:active, button.button-action:hover, button.button-action:active{color:#F3F3F3; background-color:#B68103; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in; text-decoration:none;}
		
	.orange-btn, a.orange-btn, button.orange-btn, input.orange-btn{border-radius:5px; color:#FFF; text-align:center; background: rgb(243,138,0); /* Old browsers */background: -moz-linear-gradient(top, rgba(243,138,0,1) 0%, rgba(195,63,21,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,138,0,1)), color-stop(100%,rgba(195,63,21,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38a00', endColorstr='#c33f15',GradientType=0 ); /* IE6-9 */ -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in; text-decoration:none;
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666; border:1px solid #C46200; border-color:#D56A00 #C16100 #914800; color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center;
	}
	
	.orange-btn:hover, a.orange-btn:hover, button.orange-btn:hover, .orange-btn:active, a.orange-btn:active, .orange-btn:active, input.orange-btn:active, input.orange-btn:active{color:#F5F5F5; background: #d87e00; /* Old browsers */ background: -moz-linear-gradient(top, #d87e00 0%, #c33f15 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d87e00), color-stop(100%,#c33f15)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d87e00 0%,#c33f15 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d87e00 0%,#c33f15 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d87e00 0%,#c33f15 100%); /* IE10+ */ background: linear-gradient(to bottom, #d87e00 0%,#c33f15 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d87e00', endColorstr='#c33f15',GradientType=0 ); /* IE6-9 */ border:1px solid #C46200;}
	
	.red-btn, a.red-btn, button.red-btn, input.red-btn{border-radius:5px; color:#FFF; text-align:center; background: rgb(227,0,17); /* Old browsers */background: -moz-linear-gradient(top, rgba(227,0,17,1) 0%, rgba(133,16,32,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,0,17,1)), color-stop(100%,rgba(133,16,32,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30011', endColorstr='#851020',GradientType=0 ); /* IE6-9 */ -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); 
	display:block; text-shadow:0 1px 0 #666; border:1px solid #710000; border-color:#C00 #910000 #710000;	color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center;}
	
	.red-btn:hover, a.red-btn:hover, button.red-btn:hover, .red-btn:active, a.red-btn:active, button.red-btn:active, input.red-btn:active, input.red-btn:active{color:#F5F5F5; background: #c10009; /* Old browsers */ background: -moz-linear-gradient(top, #c10009 0%, #851020 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c10009), color-stop(100%,#851020)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c10009 0%,#851020 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c10009 0%,#851020 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c10009 0%,#851020 100%); /* IE10+ */ background: linear-gradient(to bottom, #c10009 0%,#851020 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10009', endColorstr='#851020',GradientType=0 ); /* IE6-9 */}
		
	.black-btn, a.black-btn, button.black-btn, input.black-btn{background: #3a3a3a; /* Old browsers */background: -moz-linear-gradient(top, #3a3a3a 0%, #3a3a3a 0%, #161616 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(0%,#3a3a3a), color-stop(100%,#161616)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* IE10+ */background: linear-gradient(to bottom, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#161616',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px rgba(255, 255, 255, 0.3) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); 
	 -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;
	display:block; border:#333 1px solid; color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center;}
		
	.black-btn:hover, a.black-btn:hover, button.black-btn:hover, .black-btn:active, a.black-btn:active, button.black-btn:active, input.black-btn:active, input.black-btn:active{background: #3a3a3a; /* Old browsers */background: -moz-linear-gradient(top, #3a3a3a 0%, #4f4f4f 0%, #2b2b2b 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(0%,#4f4f4f), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* IE10+ */
        background: linear-gradient(to bottom, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
		border:#000; text-decoration:none; border:#333 1px solid;}
	
	.grey-btn, a.grey-btn, button.grey-btn, input.grey-btn{border-radius:5px; color:#333; text-align:center; background: #caccce; /* Old browsers */ background: -moz-linear-gradient(top, #caccce 0%, #96979a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#caccce), color-stop(100%,#96979a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #caccce 0%,#96979a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #caccce 0%,#96979a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #caccce 0%,#96979a 100%); /* IE10+ */ background: linear-gradient(to bottom, #caccce 0%,#96979a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccce', endColorstr='#96979a',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666;
	-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;
	 text-shadow:0 1px 1px #EEE; border:1px solid #999; border-color:#AAA #999 #666; color:#444; border-radius:4px; height:32px; line-height:28px; text-align:center; display:block;}
	
	.grey-btn:hover, a.grey-btn:hover, button.grey-btn:hover, .grey-btn:active, a.grey-btn:active, button.grey-btn:active, input.grey-btn:active, input.grey-btn:active{background: #999a9b; /* Old browsers */background: -moz-linear-gradient(top, #999a9b 0%, #5e5f60 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999a9b), color-stop(100%,#5e5f60)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #999a9b 0%,#5e5f60 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #999a9b 0%,#5e5f60 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #999a9b 0%,#5e5f60 100%); /* IE10+ */background: linear-gradient(to bottom, #999a9b 0%,#5e5f60 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999a9b', endColorstr='#5e5f60',GradientType=0 ); /* IE6-9 */
	color:#333; border:1px solid #333; border-color:#999 #777 #555; display:block;}
	
	.green-btn, a.green-btn, button.green-btn, input.green-btn{border-radius:5px; color:#FFF; text-align:center; background: rgb(112,177,15); /* Old browsers */background: -moz-linear-gradient(top, rgba(112,177,15,1) 0%, rgba(3,136,36,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,177,15,1)), color-stop(100%,rgba(3,136,36,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b10f', endColorstr='#038824',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666; border:0.5px solid #346314; border-color:#51B011 #3C8518 #346314; color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center; display:block;}
	
	.green-btn:hover, a.green-btn:hover, button.green-btn:hover, .green-btn:active, a.green-btn:active, button.green-btn:active, input.green-btn:active, input.green-btn:active{color:#F5F5F5; background: #5f8e0c; /* Old browsers */ background: -moz-linear-gradient(top, #5f8e0c 0%, #038824 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f8e0c), color-stop(100%,#038824)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5f8e0c 0%,#038824 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5f8e0c 0%,#038824 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5f8e0c 0%,#038824 100%); /* IE10+ */ background: linear-gradient(to bottom, #5f8e0c 0%,#038824 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8e0c', endColorstr='#038824',GradientType=0 ); /* IE6-9 */ 
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666; border:0.5px solid #346314; border-color:#51B011 #3C8518 #346314;}	
	
/*Gradients*/
        
	.dark-grad{background: #727272; /* Old browsers */background: -moz-linear-gradient(top, #727272 0%, #333333 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#333333)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #727272 0%,#333333 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #727272 0%,#333333 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #727272 0%,#333333 100%); /* IE10+ */background: linear-gradient(to bottom, #727272 0%,#333333 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#333333',GradientType=0 ); /* IE6-9 */}
	
	.black-grad{background: #45484d; /* Old browsers */background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border:#000;}
 
        
/******************************/
/*2.- HEADER*/
/******************************/
                        
        #header{width:100%; height:60px; background-color: #0072b7; position:fixed; top:0;  z-index:2001; border-bottom:2px solid #999;}
        
                #header.touch_device{position:absolute;}

                #header #inner-header{width:980px; margin:0 auto; position:relative;}

                #header #inner-header div a{display:block; width:200px; margin:0 auto;}

                #header.private_header{ height: 62px; background-size:contain; border-bottom:none; position:fixed;}

                    #header.private_header #inner-header{height:60px; position:relative; width:98%;min-width:1180px;}
        
        
	#inner-header{width:80%; min-width:1000px; margin-left:auto; margin-right:auto; height:60px;}
		#logo{display:block;  position:absolute; left:10px; top:5px; width: 50px;}
		#logo:hover{opacity:0.8;}
		
	.h-icon{width:30px; height:30px; float:right; margin-top:5px; margin-right:5px; background:url(../img/sprite-vanadistemplate.png) no-repeat;}

/*Lang Menu*/
	#show-lang{cursor:hand; cursor:pointer;}
		#show-lang.index-lang{float:right; cursor:hand; cursor:pointer; margin-top:12px; margin-left:10px;}
	#show-lang:hover{opacity:0.7;}
		.spa-icon{background-position:-270px -150px;}
		.eng-icon{background-position:-270px -120px;}
	#lang-menu{z-index:2002; position:absolute; top:60px; right:0; width:200px; height:auto; padding:0; margin:0; box-shadow:2px 2px 2px #666, -2px 0 1px #666; display:none; border-top:none;}
		#lang-menu .title-lang{background-color:#CCC; height:30px; line-height:30px; text-align:center; width:100%;}
		#lang-menu li{float:left;  border-top:1px solid #CCC;}
		#lang-menu a{display:block; height:40px; width:200px; background-color:#333; float:left; line-height:40px; color:#CCC;}
			#lang-menu a:hover{color:#666; background-color:#F5F5F5; font-weight:bold;}
		
		span.h-icon.spa-icon{background-position:-270px -150px; float:left; margin-left:5px;}
		span.h-icon.eng-icon{background-position:-270px -120px; float:left; margin-left:5px;}
		
/*Right Navbar (profile and Photo)*/
	#show-menu.menu-icon{background-position:-180px -60px; float:right; border:0; padding:0; margin:5px 0 0; cursor:hand; cursor:pointer;}
		#show-menu.menu-icon:hover{background-position:-180px -90px;}
	
	.user-nav{width:auto; float:right; width:350px; height:40px; padding:2px; margin-top:6px;}
		.user-img{width:36px; height:36px; float:right; margin:2px 5px;}
		.user-name{width:auto; max-width:auto; min-width:140px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  float:right; margin:2px 5px; color:#28C6F2; font-size:16px;}
	
                
/*Options Menu*/	
	#options-menu{z-index:2002; position:absolute; top:62px; right:0; width:200px; height:auto; padding:0; margin:0; display:none; border-top:none;}
		#options-menu li{float:left; }
			#options-menu li:last-child, #options-menu li:first-child{border-top:none;}
		#options-menu a{display:block; height:40px; width:200px; background-color:#FFBE10; float:left; line-height:40px; color:#FFF; font-size:16px;}
			#options-menu a:hover{color:#EFA500;background-color:#FFE05C;}
                        
                #options-menu a.exit-menu{background-color:#7abdd3; color:#FFF;}
			#options-menu a.exit-menu:hover{background-color:#2c2c2c; color:#FFF;}
                        
        .m-icon{display:block; float:left; width:19px; height:20px; margin:10px 10px 5px 10px; background:url(../img/sprite-vanadistemplate.png) 0 -190px no-repeat;}
        .m-icon.view-menu-icon{background-position:0 -190px;}
                a:hover .m-icon.view-menu-icon{background-position:-80px -190px;}
        .m-icon.edit-menu-icon{background-position:-20px -190px;}
                a:hover .m-icon.edit-menu-icon{background-position:-100px -190px;}
        .m-icon.config-menu-icon{background-position:-40px -190px;}
                a:hover .m-icon.config-menu-icon{background-position:-120px -190px;}
        .m-icon.pass-menu-icon{background-position:-220px -190px; margin-top:0px;}
                a:hover .m-icon.pass-menu-icon{background-position:-220px -190px;}
        .m-icon.logout-menu-icon{background-position:-60px -190px;}
                a:hover .m-icon.logout-menu-icon{background-position:-140px -190px;}
        .m-icon.content-menu-icon{background-position:-159px -190px;}
                a:hover .m-icon.content-menu-icon{background-position:-179px -190px;}
        .m-icon.notif-menu-icon{background-position:-160px -221px;}
                a:hover .m-icon.notif-menu-icon{background-position:-180px -221px;}
        .m-icon.cat-menu-icon{background-position:-240px -191px;}
                a:hover .m-icon.cat-menu-icon{background-position:-260px -191px;}
        .m-icon.pay-menu-icon{background-position:-240px -221px;}
                a:hover .m-icon.pay-menu-icon{background-position:-260px -221px;}
        .m-icon.agen-menu-icon{background-position:-159px -251px;}
                a:hover .m-icon.agen-menu-icon{background-position:-179px -251px;}
        .m-icon.mym-menu-icon{background-position:-198px -251px;}
                a:hover .m-icon.mym-menu-icon{background-position:-218px -251px;}
        .m-icon.guest-menu-icon{background-position:-240px -251px;}
                a:hover .m-icon.guest-menu-icon{background-position:-260px -251px;}
        .m-icon.favprof-menu-icon{background-position:-183px -272px;}
                a:hover .m-icon.favprof-menu-icon{background-position:-228px -272px;}
        .m-icon.favserv-menu-icon{background-position:-160px -272px;}
                a:hover .m-icon.favserv-menu-icon{background-position:-205px -272px;}		
        .m-icon.contact-menu-icon{background-position:-198px -220px;}
                a:hover .m-icon.contact-menu-icon{background-position:-218px -220px;}	

        a.change_password{display:block;}
        
/*Image logo*/
        #image_logo_block {
            margin-left:20px;
            padding-top:1px;
            height: 61px;
            width: 200px;
            float:left;
        }

        #image_logo_block img{max-height: 60px;}
	
        #backend-nav.logo-nav{margin-left:10px;}
/******************************/
/*3.- FOOTER*/
/******************************/

    #footer{height:140px; }
           .footer_text{margin: 0px auto; padding: 30px; text-align: center; color:#FFF; font-size:1.2em;}

    #footer{width:100%; float:left; padding:0; margin:0; background-color:#2c2c2c;}
            #inner-footer, .footer-logos{width:100%; float:left; min-height:200px; background-color:#2c2c2c;}
                    .inner-footer-content, .footer-logos-content{width:988px; margin:20px auto; overflow:hidden; padding:10px 0 20px}
                    .footer-logos{background-color:#000; margin-bottom:0; padding:20px 0 30px;}
                    .footer-logos-content{padding:0;}
                    .partners-title{width:900px; float:left; text-align:center; color:#444; padding-bottom:15px; border-bottom:1px solid #333; margin-left:20px;  font-weight:normal;}
                    .partner-logos{float:left; width:900px; margin-left:20px; height:130px;}
                    .partner-logos a:hover{opacity:1;}
                            .citrix-logo{display:block; float:left; width:300px; height:130px; margin:0; background:url(../img/footer-logos.png) no-repeat; opacity:0.6;}
                            .vanadis-logo{display:block; float:left; width:300px; height:130px; margin:0; background:url(../img/footer-logos.png) no-repeat -300px 0; opacity:0.6;}
                            .marketingnice-logo{display:block; float:left; width:300px; height:130px; margin:0; background:url(../img/footer-logos.png) no-repeat -600px 0; opacity:0.6;}

                            .footer-article{width:300px; margin-right:20px; margin-left:0; float:left; height:auto; overflow:hidden;}
                            .footer-article:last-child{margin-right:0;}
                                    .footer-article h3{margin-bottom:10px; color:#999;}
                                    .footer-article p{color:#777;}

    #bottom-footer{width:100%; float:left; background-color:#2B2A2B; height:60px;}
            #credits-footer{width:980px; height:36px; margin:12px auto; position:relative;}
                     .end1{line-height:36px; width:200px; float:left; color:#999; display:block;}
                            .end1 a{color:#999;} .end1 a:hover{color:#F18900;}
                     .end2{line-height:36px; width:600px; float:left; text-align:center; color:#999;}
                     .end3{position:absolute; right:0; top:-50px; display:block;}
                            .end3:hover{opacity:0.8;}

                            .social_icons{ display: block; float: left; height: 32px; margin-top:2px; margin-left: 40px; margin-right: 40px; width: 114px;}
                            .social_icons a{display:block; float:left; width:33px; height:33px; margin-right:5px; background-color:green; background:url(../img/sprite-vanadistemplate.png) no-repeat;}
                            .social_icons a.icon_facebook{background-position: -8px -440px;}
                                    .social_icons a.icon_facebook:hover{background-position: -42px -440px;}
                            .social_icons a.icon_twitter{background-position: -76px -440px;}
                                    .social_icons a.icon_twitter:hover{background-position: -110px -440px;}
                            .social_icons a.icon_linkedin{background-position: -144px -440px;}
                                    .social_icons a.icon_linkedin:hover{background-position: -178px -440px;}				 	

    #contact-form{}
            #contact-form input{width:90%; height:28px; float:left; clear:left; margin:15px auto 0 5%;}
                    #contact-form input[type="submit"]{width:300px; margin-left:110px;}
            #contact-form textarea{width:90%; height:100px; float:left; clear:left; margin:15px auto 0 5%;}
            #contact-form h4{width:100%; float:left; margin:20px 0; text-align:center;}

    #legal-advice .modal-dialog{width:800px;}
            #legal-advice h4{margin:15px 0 0; float:left; text-align:center; width:100%;}
            #legal-advice p{margin-top:10px; float:left;}
      

/******************************/
/*4.- MESSAGES*/
/******************************/       

/*Modals*/
    .modal{z-index:2040;}

    div form.modal-view{height:auto;}
    .modal-view input{width:60%; margin-left:20%; float:left; margin-top:15px;}
    .modal-view textarea{float:left; margin-top:15px;}

    .modal-view .modal-dialog{width:680px; }                               
    .modal-view .modal-header,.modal-view .modal-body {overflow: hidden;}
        

    
    .picture-modal{width:640px; padding:20px 20px 0; margin-top:90px; overflow-x:hidden; background-color:#F1F1F1; overflow-y:hidden; border-radius:5px; border:2px solid #CCC;}
    .picture-modal h3{width:100%; text-align:center; border-bottom:1px solid #CCC; margin-top:0; line-height:15px; padding-bottom:20px;}
    .picture-modal img.cover-pre{margin:20px 60px; float:left;}
    .picture-modal img.myphoto-pre{margin:20px auto; border:2px solid #CCC; display:block;}
    .picture-modal input.file-input{background-color:transparent; height:40px; border:none; padding:0; float:left; clear:both;}
    .picture-modal input.modal-send{width:300px; float:left; margin:20px 110px;}
    .picture-modal .select-picture{float:left; border-top:1px solid #CCC; padding:10px 0;}

    .picture-modal .close-modal{width:20px; height:20px; background:url(../img/sprite-indas.png) -5px -220px border-box no-repeat; position:absolute; top:18px; right:18px;}
            .picture-modal .close-modal:hover{background-position:-35px -220px;}
    .picture-modal label{clear:both;float:left;}
    
    
/*Alerts*/
    .alert{width:940px; position:fixed; overflow:auto; top:69px; left:50%; margin-left:-470px; z-index:10000; box-shadow:0 0 3px #BBB; height:auto; padding:15px 40px 15px 50px;}
    .alert-success{background-image:url(../img/succces-img.png);  background-position:10px 7px; background-repeat:no-repeat; border:1px solid #80B218; box-shadow:0 0 4px #333;background-color:#D9EDA9; color:#80B218}
    .alert-danger{background-image:url(../img/error-img.png); background-position:10px 7px; background-repeat:no-repeat; border:1px solid #900; box-shadow:0 0 4px #333;background-color:#F2DEDE;color:#B94A48;}
    .alert-warning{background-image:url(../img/warning-img.png); background-position:10px 7px; background-repeat:no-repeat; border:1px solid #F90; box-shadow:0 0 4px #333;}
            .alert strong {display:none; }
            .alert p{float:left; font-size:16px; line-height:16px; font-weight:bold;}
                    .alert button.close{position:absolute; font-size:22px; top:10px; line-height:28px; right:6px; width:30px; opacity:0.8; filter: alpha (opacity=80);}
                            .alert button.close:hover{opacity:0.6; filter: alpha (opacity=60);}
                    .alert h1{font-size:20px; font-weight:bold; line-height:42px;}


    .alert + .alert{top:200px;}

    .alert a.btn{position:static; float:left; margin:10px 10px 10px 0;}
            .alert a.close:hover{color:#333;}


    .alert-error-pic{width:90%; position:absolute; padding:5px 5px 0 45px;}

    .image_dimensions{font-size:14px; margin-bottom:10px; clear:both;}

/******************************/
/*5.- ADMIN*/
/******************************/ 

/*Backend Pannel*/
        #backend-nav{width:auto; float:left; margin-left:240px; margin-top:0px;}
                #backend-nav ul{width:100%;}
                #backend-nav ul li{position:relative;}
                        #backend-nav li a{width:152px; float:left; line-height:62px; height:62px; color:#FFF; margin-top:0px; text-align:center; font-size:1em; }
                        #backend-nav.user-backend-nav li a{padding: 0 20px;width: auto;}
                                #backend-nav li:last-child a{border-right:none; box-shadow:none;}
                                #backend-nav li a:hover, #backend-nav li a:active, #backend-nav .current li{background-color:#666; color:#fff; }
                                         #backend-nav li ul{position:absolute; top:62px; width:140px; display:none; padding-top:0px; }
                                                 #backend-nav li:hover ul{ display:block;}
                                                #backend-nav li ul li a{width:152px; height:40px; line-height:40px; float:left; color:#FFF; box-shadow:none; text-align:center; font-size:1em; text-shadow:none; background-color:#666; margin:0; border-right:none;}
                                                #backend-nav.user-backend-nav li ul li a{width:150px;}
                                                #backend-nav li ul li:last-child a{border-bottom:none;}
                                                #backend-nav li ul li a:hover{box-shadow:none;color:#DDD;background-color:#444}

                .user-nav.backend-user-nav{width:100px;}

                .private_header #inner-header .user-nav.backend-user-nav{width:230px;}
                        .private_header #inner-header .user-nav.backend-user-nav p.user-name{color: #ddd;float: right;font-size: 13px;line-height: 40px;min-width: 120px; width: 180px; text-align:right;}

        #footer_backend{width:100%; float:left; height:3px; background-color:#94c939; margin:20px 0 10px;}
        .backend-category{margin-top:20px;}
                .backend-category select{height:42px; border-radius:4px; background-color:#FFF; float:left; vertical-align:center; border:1px solid #CCC; padding:8px 5px;}
                        .backend-category select option{height:30px; padding-top:5px;}
                        
        .index_search{margin:0 auto; width:100%; text-align: center; overflow:hidden;}
        .index_search input, .index_search select {max-width:200px; margin-right:10px;}
        .index_search input[type=date] {max-width:150px;}
        .index_search select {min-width:200px; padding:8px 0;}

        .backend-search{width:auto; height:40px; margin-bottom: 20px; }
                .backend-search input{float:none;}
                        .backend-search input{height:36px; width:300px}
                        .backend-search input.black-btn{margin-left:8px; width:90px; height:36px; display:inline; background:#496e6e; border-radius: 0px; border:none;}

                .backend-options-cell{width:250px;}
                .backend-options-cell.cat-cel{width:170px;}
                .backend-options-cell.config-cel{width:20%;}
                        .backend-options-cell a{width:68px; float:left; margin-left:5px; margin-top: 2px; margin-bottom:1px; font-size:0.75em;}
                .backend-options-cell.notif-options-cell{width:270px;}
                        .backend-options-cell.notif-options-cell a{width:80px;}

                .user-status{text-align:center;}

                a.backend-detail-button{width:30.5%; float:left; margin-left:1.5%; margin-top:20px;}

                .smallfont-cell{font-size:14px}

        .backend-new{float:left; padding: 0 20px;}   
        
        .btn.btn-primary {width:90px; height:36px; display:inline; background:#000; border-radius: 0px; border:none;}
        .btn.btn-secondary {color:white; width:90px; height:36px; display:inline; background:#666; border-radius: 0px; border:none;}
        .back_container {margin:10px 0;}
		
/*Configuration*/
        .admin-section-title{margin-bottom:20px;text-align:center;}
        #config_param_edit.personal-form input.send-personal, #config_param_edit.personal-form a.send-personal, #cupon_edit.personal-form a.send-personal{width:180px; float:left; margin:20px 20px 20px auto;}
                #config_param_edit fieldset+fieldset{width:100%;}
                #config_param_edit textarea{height:250px;}
        .params_table{table-layout:fixed; width:1040px;}
        .params_table th.params_name, .params_table td.params_name{width:18%;}
        .params_table th.params_value, .params_table td.params_value{width:64%; overflow:hidden;}
        .params_table th.params_ops, .params_table td.params_ops{width:18%;}
        
.back-container{margin-bottom:20px;}
        
        
/*Inspections*/
        #inspection-checklists div h3 { width: 100%; height: 50px; line-height: 50px; font-size: 20px; 
                                        background-color: #4A4576; color: #fff;
                                        padding: 0 30px; margin: 20px 0;}
        
        #inspection-checklists textarea { width: 100%; height: 100px;}
        #inspection-checklists select { margin:20px 0; }
        
        .technicians_container {
            float: left;
            width: 250px;
        }
        
        .technicians_container input {
            display: block;
            float: left;
            margin-right: 5px;
            margin-top: -5px;
        }
        
        .technicians_container label {
            color: #fff;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 90%;
        }
        
        .label-success {
            background-color: #4A4576;
        }
        
        .label-warning {
            background-color: #227C50;
        }
        
        .inspection-gallery-row{overflow: hidden;}
        .inspection-gallery-row img{float:left; max-width:47%; margin:20px 3% 20px 0; }
        
        .inspection-sign-row{overflow: hidden;}
        .inspection-sign-row .field-group-detail{float:left; display:block; width:42%; margin:20px 3% 20px 0;}
        .inspection-sign-row img{float:left; max-width:42%; margin:20px 3% 20px 0;}
    
/******************************/
/*6.- PUBLIC PAGES
/******************************/
       
/*404 error page*/	
	#logo404{width:160px; height:44px; position:absolute; top:0; left:0;  display:block;}
	.error404{width:100%; float:left; min-height:460px; background:url(../img/404-img.jpg) 80px 40px no-repeat; position:relative; margin-top:30px;}
		.error404 h1{font-size:30px; line-height:36px; margin:50px 0 20px; width:400px; float:right; clear:right;}
		.error404 h4{font-size:24px; line-height:30px; margin:20px 0 0; width:400px; float:right; clear:right;}
		.error404 h6{font-size:20px; line-height:26px; width:380px; text-align:center; position:absolute; top:240px; left:80px; color:#666;}
		.goto404{float:left; width:640px; margin:90px 0 50px;}
			.goto404 a{display:block; width:300px;}
				.goto404 a:hover{color:#F5F5F5;}
					.goto-index{float:left; margin:0 auto 0 300px;}

	.error404.old_browser{background:url(../img/old_browser_icon.png) 100px 0px no-repeat; }
        
/*Index - Register Form*/
        #register-form{width:300px; float:left; margin-left:20px; margin-top:0px;}
                #register-form .logo-use{text-align:center; width:100%; margin-top:9px; margin-bottom:9px;}
                #register-form h3{line-height:100%;}
                #register-form h4{float:left; color:#999; line-height:0.8em; font-weight:bold; margin-top:4px;}
                        #register-form h4 span{color:#000;}
                                #register-form h4 strong{font-weight:bold;}
                #register-form input{width:300px; float:left; margin-top:8px; background-color:#F1F1F1;}
                #register-form input[type="submit"]{height:36px;}
                #register-form input.terms{width:30px; height:22px;}
                label.terms-label{float:left; margin:10px 0 auto 0; display:block; line-height:20px; height:20px; font-size:0.875em; font-weight:normal;}


        div form.change-password-modal{height:auto;}
        .change-password-modal input{width:60%; margin-left:20%; float:left; margin-top:15px;}
    
/* Login Page */
        #login_slider{}
        #login_slider .carousel-indicators {
            bottom: 0;
        }
        #login_slider .carousel-control {
            width: 8%;
        }
        #login_container{overflow: hidden; padding:0px 20px;}

        #bizz_login{margin-top:20px; margin-left:100px; width:500px; float:left;}

        #logo_login{margin-top:40px; margin-right:40px; width:420px; float:right;}
        #logo_login img{display:block; margin:0 auto;}
        #applestore,#googleplay{width:200px; height:70px; float:left; margin-right:10px;}

        #applestore a,#googleplay a{background-image:url(../img/store_icons.png); background-repeat: no-repeat; display:block; height:70px;}

        #googleplay a{background-position:0px -6px;}
            #googleplay a:hover{background-position:0px -89px;}
        #applestore a{background-position:-200px -6px;}
            #applestore a:hover{background-position:-200px -89px;}


        #login_login_container{width:300px; float:left; margin-left:50px; margin-top:20px;}
        #login_login_container.registro{width:400px; float:left; margin-left:50px; margin-top:20px;}

        #login_login_container input.save-button[type=submit]{display: block; height: 50px;
        margin-bottom: 10px;
        width: 100%;}

/* Register Page */
        #register_code_container{display: none;}
        

/******************************/
/*7.- FORM */
/******************************/
        .full-width {width: 100%;}

/*Inputs*/
	input, textarea{border:#CCC 1px solid; height:30px; padding:5px; border-radius:4px; line-height:28px; font-size:0.875em;}
	input:focus, textarea:focus{border-color:#F18900; box-shadow:0 0 6px #F18900;}
	input[placeholder], [placeholder], *[placeholder]{color:#555;}
	input[type="submit"]{padding:0 5px;}
        
/*Textarea*/
        textarea{line-height:120%;}
        textarea {resize: none;}
        
        .textarea-std-height {height: 100px;}
        
 /*Layout*/
        .page-title {
            margin-bottom: 20px;
        }

        .form-row {
            /*overflow: auto;*/
            display: block;
            padding: 10px 0;
            clear: both;
            overflow:hidden;
        }
        
        .form-row .glyphicon {
            padding-right: 10px;
        }

        .field-group-detail {
            /*outline: 1px solid red;*/
            float:left;
            width: 30%;
            margin:5px 3% 5px 0;
        }

        .label-detail {
            margin-right:10px;
            padding-top:3px;
        }

        .text-field-detail {
            float: right;
            width: 50%;

        }
        .center-line {
            text-align: center;
        }

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

        .form-row.label-detail > a img{max-height:200px;}  

/*Separators*/
        hr.std-separator {
            border-style: inset; 
            border-width: 2px;
        }

        
/******************************/
/*8.- PLUGINS */
/******************************/

/* Trumbowyg */
        .trumbowyg-editor ul{list-style-type:disc;margin-left:20px;}
        .trumbowyg-editor ol{list-style-type:auto;margin-left:20px;}
        .trumbowyg-editor ul li {list-style-type:circle;}
        .trumbowyg-editor li{float:none;}
        .trumbowyg-editor ol li{list-style:decimal;}
        
/*Bootbox*/

	.bootbox.modal.fade{width:600px; top:120px; bottom:auto; left:50%; margin-left:-300px; background-color:#EEE; border:1px solid #999;}
		.bootbox.modal.fade h3{margin-bottom:10px; width:100%; text-align:center;}
		.bootbox.modal.fade h4{margin-bottom:0; width:100%; text-align:center;}
			.bootbox.modal.fade a.null{display:block; background-color:#666; color:#FFF; width:140px; float:left; margin-left:130px; margin-right:20px; border:none; outline:none;}
				.bootbox.modal.fade a.null:hover{background-color:#333; border:none; outline:none;}
			.bootbox.modal.fade a.btn-primary{display:block; background-color:#038824; color:#FFF; width:140px; float:left; border:none; outline:none;}
				.bootbox.modal.fade a.btn-primary:hover{background-color:#036619; border:none; outline:none;}
	
	.bootbox.modal.fade hr.hr_popup{background-color:#666; margin-top:0px; height:1px;}
	
        form.book-meeting-form{margin: 20px auto; width:936px;}
        form.book-meeting-form.modal_booking_form {margin-top:100px; left:50%; margin-left:-468px; position:absolute;}
        .datepicker{z-index:3001;}
      
        
/******************************/
/*9.- STATISTICS
/******************************/
.table-stats{width:80%;}      
    .table-stats tr th,.table-stats tr td{width:50%;}      
.title_stats{margin:30px 0 20px;}        
        
.download_link{float:right; width:300px;}
.download_link a{margin-left:40px; display:block; float:left; max-width: 32px;}

#myChart{margin-top:30px;}

/******************************/
/*10.- MEDIA QUERIES */
/******************************/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1)

{
.picture-modal .close-modal{width:8px; height:20px; background:url(../img/sprite-vanadistemplate.png) 0px -220px border-box no-repeat; position:absolute; top:18px; right:18px;}
	.picture-modal .close-modal:hover{background-position:0px -220px;} 
		
}


@media print {
  a[href]:after {
    content: none !important;
  }
  
  #header,#footer{display:none;}
  .back_container{display: none;}
  
  .container {
        max-width: 100% !important;
        width:100% !important;
    }
  .table-stats{width:100% !important;}  
  .index_search{}
  
  input.black-btn{display:none !important;}
  
  canvas#myChart{width:100% !important; margin:0;}
  
  .print_button{display:none !important;}
}