/*
 Theme Name:   Layers Hostme 
 Description:  Layers Hostme Theme Test: http://www.oboxthemes.com
 Author:       AivahThemes
 Template:     layerswp
 Version:      1.2.0
 License:      GPL 2.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
/*------------------------------------------------------------------
[Table of contents]

01. WordPress Generated ( Reset )
02. layers-hostme Generated ( Reset ) 
03. Theme General
04. Navigation
05. Fancy Heading
06. Widget Lists
07. Footer customization
08. WHMCS Table
09. Social Menu icons
10. Flickr Widget
11. Domain Search
12. Contact Info
13. Blockquote
14. Progress Bar
15. Progress Circle
16. Dividers
17. Dropcaps
18. Message Boxes
19. Highlight
20. Default Alignments
21. Milestone
22. Sub Page Navigation
23. ContactForm 7 Custom Styling
24. Buttons Custom Skins
25. Responsive Media Queries
26. Pricing Table - Since 1.2.0
-------------------------------------------------------------------*/

/* ================================================================= */
/*  WordPress Generated Reset                                        */
/* ================================================================= */

sup { vertical-align: super; } 
sub { vertical-align: sub; } 

dt { font-weight: bold; }
pre { overflow: scroll; }

blockquote {
	background-color: transparent !important;
	padding: 0 0 0 15px !important;
	margin: 0 0 20px;
	border-left: 5px solid #eeeeee;
}

table { border: 1px solid #eee; }
table th {
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table td { border-bottom: 1px solid #eee; }

.content-main .wp-caption {
	margin: 5px 20px 20px 0;
}

img.alignleft { margin: 0.4211em 1.6842em 1.6842em 0; }
img.alignright { margin: 0.4211em 0 1.6842em 1.6842em; }
img.aligncenter { margin-top: 0.4211em; margin-bottom: 1.6842em; }

/* ================================================================= */
/*  layers-hostme Generated Reset                                         */
/* ================================================================= */

/* Replace the following with your own CSS or build from the examples. */
/* Open Sans is included in Layers by default, but not made primary.*/
/* Lighten the Slider button on hover using opacity */

.banner .button:hover { opacity: .5; -moz-opacity: .5; background-color: #FD8F00; }
.story h1 { line-height: normal; }

/* Blog Post Title */
article .section-title.medium .heading { margin-bottom: 0px; }

/* FOOTER */
#footer.well{background-color: #F1F2F3; border-top: 1px solid #dddddd;}
#footer .section-nav-title{margin: 0; padding: 0 0 12px; font-size: 1.6rem; font-weight: 900; }
#footer .menu {margin: 0; padding: 16px 9px 0; font-size: 1.4rem; list-style: none; overflow: hidden;}

/* ================================================================= */
/*  Theme General                                                    */
/* ================================================================= */

.media .excerpt { max-width: 1040px; }

hr { border-top:1px solid #eeeeee; }

.footer-site { background-color:#333333; }

.contactinfo-wg a:hover,
.widget_recent_entries li a:hover { color: #f95700; }

.mejs-container { margin-bottom: 20px; }
.well { background-color: rgba(0,0,0,0.03); }

h1,h2,h3,h4, .heading { font-weight: 300; }
ul.disc { list-style: disc; margin-left: 10px;}
ul.disc li { list-style: disc; padding: 3px 0; margin-left: 10px;}

.thumbnail-media img {
	transform: scale(1);
	transition: all 0.2s ease-in-out 0s, transform 800ms ease-in-out 0s;
}
/* ================================================================= */
/*  Navigation                                                       */
/* ================================================================= */

.nav-horizontal li a, 
.header-cart a { text-transform: none;}
.nav-horizontal li a { font-weight: normal; }
.menu > li > a { font-weight: 600; }
.nav li:hover > .sub-menu { top: 60px;}
.nav li > .sub-menu { border-top:3px solid #ff8800; }
.sub-menu li { min-width:170px; border-bottom: 1px dotted #ddd;}
.sub-menu li a { font-size: 12px; padding: 10px 20px; }
.sub-menu { border: 1px solid #dddddd; background-color: #f0f0f0;}

.sub-menu li a:hover { background-color: #ffffff; color:#666666;}

.menu li.current-cat > a, 
.menu li.current_page_item > a, 
.menu li.current-menu-ancestor > a, 
.menu li.current-page-ancestor > a {
	color: #F95D00;
}

/* ================================================================= */
/*  Fancy Heading                                                    */
/* ================================================================= */
.fancyheading { margin-bottom: 50px; }
.fancyheading .heading { font-size: 4rem; line-height: 1.25;  }
.fancyheading .heading + .excerpt { margin-top: 5px; font-size: 1.8rem;}

/* ================================================================= */
/*  Widget Lists                                                     */
/* ================================================================= */
.widget.widget_nav_menu .menu > li { margin: 0 15px; list-style: disc; }

/* ================================================================= */
/*  Footer customization                                             */
/* ================================================================= */

#footer .menu { padding: 0 9px; }
.content-main { padding: 40px 20px; }
.section-nav-title { font-size: 1.3rem; font-weight: 900; margin-bottom: 20px;}

/* ================================================================= */
/*  WHMCS Tables                                                     */
/* ================================================================= */

#bridge table th {
	background-color: #4daadd;
	padding: 14px;
	color: #ffffff;
}

#bridge > table td {
	padding: 20px 15px;
	border-bottom: 1px solid #dddddd;
	background-color: transparent !important;
}

#bridge table.frame { border-width: 0 !important; }

#bridge table tbody tr:hover td	{
	/*background-color:#f0f0f0;*/
}

#bridge table tfoot {
	background-color: #f0f0f0;
}

#bridge table {
	width: 100%; 
	margin: 0 auto; 
	margin-bottom: 10px;
	border-collapse: collapse; 
	border-spacing: 0; 
	border-width: 1px;
	border-color: #dddddd;
	display: table;
}

#bridge table.data p{
	margin-bottom:0px;
}

#bridge select[name="language"] { width: auto; }
#bridge body, 
#bridge td, 
#bridge th {
	font-size: 13px;
}

#bridge input[type='submit']{
	border:none;
	background-color: #16a085;
	font-size: 14px; 
	line-height: 18px; 
	padding: 0.5em 1.3em; 
	text-transform:uppercase; 
	position: relative;
	text-align:center;
	text-decoration:none;
	white-space: nowrap;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	overflow: visible; 
	line-height:1em;
	margin: 0 3px 8px 0;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in;
	-moz-transition:  all 300ms ease-in;
	-o-transition:  all 300ms ease-in;
	transition:   all 300ms ease-in;
	color:#ffffff;
	display: inline-block; 
	vertical-align: baseline;
}

#bridge input[type='submit']:hover {
	color:#ffffff; opacity: 0.8;
}

#bridge .contentbox table { margin: 0 auto; width: auto; }
#bridge .contentbox table td { line-height: 30px; padding: 0; border: none; }
#bridge .contentbox input[type="radio"],
#bridge .contentbox input[type="checkbox"] { margin: 0 0 0 10px; vertical-align: middle; }

#bridge input[type="text"],
#bridge textarea {
	margin-bottom: 0px !important;
	margin-right: 10px;
	border: 1px solid #dddddd;
	border-color:#cccccc #eeeeee #eeeeee #cccccc;
	padding: 2px 8px;
	font-size: 15px;
	-webkit-border-radius: 	2px;
	-moz-border-radius: 	2px;
	border-radius: 			2px;
    transition: all 300ms ease-in 0s;
}

#bridge input:focus,
#bridge textarea:focus {
	border-color: #cccccc;
	-webkit-box-shadow: 0 0 2px 1px #aed7e6;
	box-shadow: 0 0 2px 1px #aed7e6;
}

#order-modern #domainconfig { 
	width: 96% !important; 
	padding: 2% !important; 
	margin-bottom: 20px !important;
}

#order-modern #domainconfig table { padding:20px 0;}
#order-modern table.cart th { border-radius: 0 !important; }
#bridge input, #bridge select, #bridge textarea { padding: 10px !important; line-height: 15px; }
#bridge select { background-color: #ffffff; border: 1px solid #CCCCCC; }
.widget_cc_whmcs_sidebarnav_main ul li {
    border-bottom: 1px solid #dddddd;
    padding: 8px 5px;
}
#bridge .contentbox input {  }
#bridge .contentbox table td { border-bottom: none !important; padding: 2px 8px !important; }
.widget_cc_whmcs_sidebaracsta_main select { border: 1px solid #cccccc; background-color: #FFFFFF; }
.widget_cc_whmcs_sidebaracsta_main input[name="search"] { margin-bottom: 10px; }
#order-modern .signuptype { padding: 10px !important; }
#order-modern textarea { width: 90% !important; }
#order-modern input[type='submit'] { margin-top: 10px !important; }


@media only screen and (min-width: 240px) and (max-width: 479px) {	
	#bridge > table td { display: block; width: 100%; }
}

.header-site { background-color:#ffffff; border-bottom: 1px solid #eeeeee; z-index: 3;}
.wrapper-content { z-index:1;}
#bridge img { max-width: inherit; }

#footer .container { padding: 0 20px;}
#footer .widget .content { padding: 0;}
#footer .section-title.small .heading { font-size: 1.8rem; }
#footer .section-nav-title { margin-bottom: 15px;}

/* ================================================================= */
/*  Social Menu icons                                                */
/* ================================================================= */

.social-icon i { font-size:16px; }
.social-icon a:hover i { color:#cd6e21;}

/* ================================================================= */
/*  Flickr Widget                                                    */
/* ================================================================= */

#footer .twitter_widget li { margin-bottom: 15px; }
.twitter-layers_wg .tweet li { text-align: center; list-style: none !important; }
.twitter-layers_wg .tweet.light li { color:#ffffff; font-size:1.8rem; }
.twitter-layers_wg .tweet.dark  li { color:#444444; font-size:1.8rem; }

.tweet.light a,
.tweet.dark a { color: inherit; border-bottom: 1px dotted; }

.iva-flickr-photos { margin-top: 10px; display: table; margin: 0 auto;}
.flickr_badge_image {
	float: left;	
	display:block;
	margin: 0 8px 8px 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: 	all .3s ease-out;
	transition: 		all .3s ease-out;
}

#footer .flickr_badge_image { width: 50px; height: 50px;}

.flickr_badge_image img { 
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}

/* ================================================================= */
/*  Domain Search                                                    */
/* ================================================================= */

.layers-whmcs-widget .section-title { margin-bottom: 0 !important; text-align: center; }
.layers-whmcs-widget .section-title h3 { margin-bottom: 0 !important; line-height: normal;  }

.iva_domainSearch { margin-bottom: 0 !important; }
.web_abbr {
	display: inline-block;
	float:left;
	width: 10%;
	line-height: 32px;
	margin-right: 10px;
	font-size: 20px;
	text-align: right;
}
.iva_domainSearch input[type="text"] {
	display:inline-block;
	float: left;
	line-height: 30px;
	margin-bottom: 0px !important;
	margin-right: 10px;
	padding: 2px 8px;
	width: 60%;
	font-size: 18px;
	background-color: #ededed;
	border: 1px solid #dddddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    transition: all 300ms ease-in 0s;
}

.iva_domainSearch input[type="text"]:focus {
	background-color: #ffffff;
	border-color:#cccccc #eeeeee #eeeeee #cccccc;
	-webkit-box-shadow: 0 0 2px 1px #aed7e6;
	box-shadow: 0 0 2px 1px #aed7e6;
}

.iva_domainSearch .select_wrapper { margin-bottom: 0 !important; }
.select_wrapper.ds100 { display:inline-block; float:left; width: 12%; margin-right: 10px; font-size: 14px; }
.select_wrapper select { background-color: #ededed; }
.domainSearch_Title h3 { margin-bottom: 0; }
.domainSearch.btn { display:inline-block; float:left; width: 20%; margin-bottom: 0;}

.iva_domainSearch:after {
	clear: both;
	display: block;
	content: '';
}

.web_abbr { color:#ffffff; }

/* ================================================================= */
/*  Contact Info                                                     */
/* ================================================================= */

#footer .contactinfo-wrap,
#footer .contactinfo-wrap .details,
#footer .contactinfo-wrap p { border: 0;}
.contactinfo-wrap { 
	position:relative; 
	border-style:solid; 
	border-color:#dddddd;
	width: 100%;
	height: 100%;
	
}
.contactinfo-wrap p { 
	margin-bottom: 0px; 
	padding-bottom: 3px;	
}
.contactinfo-wrap .details { 
	display: block; 
	overflow: hidden; 
}
.contactinfo-wrap .phone .details { font-size:15px; font-weight:bold; }
.contactinfo-wrap [class^="icon-"],
.contactinfo-wrap [class*=" icon-"] { 
	display:block;
	float:left;
	width: 30px;
}

/* ================================================================= */
/*  Blockquote                                                       */
/* ================================================================= */

blockquote {
    border-left: 5px solid #eeeeee;
    margin: 15px 15px 20px;
    padding: 15px 15px 30px 25px !important;
}

blockquote  p {
    font-family: Droid Serif, Georgia, Times, Serif;
	font-size:18px;
    line-height: 120%;
	color: #999;
	margin-bottom: 0; 
}

blockquote cite:before {
	content: "\2014 \00A0";
}

blockquote cite {
	display:block; 
	margin-top:10px; 
	font-size: 11px; 
	font-style:normal;
	color:#888;
}
		
blockquote.alignleft  { 
	width: 30%;
	border-right:5px solid #eb8a3d;
	border-radius: 			5px 0 0 5px;
	-moz-border-radius: 	5px 0 0 5px;
	-webkit-border-radius: 	5px 0 0 5px;
}

blockquote.aligncenter { 
	text-align: center;
    clear: both;
    display: block;
    margin: 0 0 20px;
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
}

blockquote.alignright { 
	width: 30%;
	padding: 15px 15px 15px 30px !important;
	border-left: 5px solid #eb8a3d;
	border-radius: 			0 5px 5px 0;
	-moz-border-radius: 	0 5px 5px 0;
	-webkit-border-radius: 	0 5px 5px 0;
}

/* ================================================================= */
/*  Progress Bar                                                     */
/* ================================================================= */

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

.progress_wrap h4 {
	font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
	font-weight: bold;
}

.progress_container {
    position: relative;
    width: 100%;
    line-height: 25px;
	background-color:rgba(0, 0, 0, 0.12);
}
 
.progress_bar {
    position: relative;
    width: 0;
    height: 25px;
	background-color: #8ba0b6;

}
	
.progress_bar span {
	color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    text-transform: uppercase;
}
	
span.percentage {
	position: relative;
	float: right;
	padding-right:10px;
}

/* ================================================================= */
/*  Progress Circle                                                  */
/* ================================================================= */

.CircleBarWrap {
	display:table;
	text-align:center;
	margin:0 auto;
}
.CircleBarWrap .label { }

.easyPieChart {
    position: relative;
    text-align: center;
	margin:0 auto;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.chart {
    float: left;
    margin: 10px;
}

.CircleBar {
    text-align: center;
    color: #333;
    font-size: 1.2em;
    margin-bottom: 0.3em;
}

.chart .label {
    text-align: center;
    color: #333;
    font-size: 1em;
    margin: 0.8em 0;
}

/* ================================================================= */
/*  Dividers                                                         */
/* ================================================================= */

.divider {
	display:block; 
	clear:both;
	margin: 30px 0;
	border-bottom-width: 1px;
	border-color: #e4e4e4;
}
	
.divider.thin	{ border-bottom-style: solid; }
.divider.fat	{ border-bottom-style: solid; border-bottom-width: 2px;  }
.divider.dotted	{ border-bottom-style: dotted; }
.divider.dashed	{ border-bottom-style: dashed; }

.divider_space {
	display:block; 
	clear:both; 
	margin: 30px 0;
}	

.demo_space {
    display: block;
    margin: 0;
    width: 100%;
}
.divider img { max-width:100%;}

.customdivider {
	width:auto;
	display:block; 
	clear:both; 
	height:100%;
	padding:40px 0 40px 0;
	text-align:center;
}
.customdivider img { width:auto; max-width:100%; height:auto; }

.divider_top {
	position: relative; 
	background: rgba(0,0,0,0.15);
	height: 1px;
	padding: 40px 0;
	clear:both;
}

.divider_top a { 
    font-size: 10px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 24px;
}

.divider_top a span{ 
	font-size: 11px; 
	line-height: 10px;
	text-transform: uppercase; 
	color:#fff;
	background-color:#000;
	padding:3px 6px;
}

.divider_line { 
	position: relative; 
	display: block;
	clear: both;
	margin:45px 0;
	background: rgba(0,0,0,0.15);
	height:1px;
	text-align:center;
}

/* ================================================================= */
/*  Dropcaps                                                         */
/* ================================================================= */

.dropcap1 { 
    background-color: #1abc9c;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background-position: left top;
    background-repeat: repeat;
    font-size: 30px;
    line-height: 48px;
    margin: 5px 15px 0 0;
    width: 48px;
    color: #ffffff;
}

.dropcap2 { 
	background-color: #222222;
	border-radius: 75px 75px 75px 75px;
    color: #FFFFFF;
    font-size: 29px;
    line-height: 50px;
    margin: 0 15px 0 0;
    width: 50px;
}
.dropcap1, 
.dropcap2 {
	float: left; 
	text-align: center; 
	overflow:hidden;
}

.dropcap3 { 
    color: #000000;
    float: left;
    font-size: 60px;
	line-height: 25px;
    margin: 0 10px 0 0;
    padding: 11px 0;
    position: relative;
    text-transform: uppercase;
    top: 5px;
}

.dropcap1.greensea, .dropcap2.greensea		{ background-color: #16a085; } 
.dropcap1.nephritis, .dropcap2.greensea		{ background-color: #27ae60; } 
.dropcap1.belizehole, .dropcap2.greensea	{ background-color: #2980b9; } 
.dropcap1.wisteria, .dropcap2.greensea		{ background-color: #1abc9c; } 
.dropcap1.midnightblue, .dropcap2.greensea	{ background-color: #2c3e50; } 
.dropcap1.orange, .dropcap2.greensea		{ background-color: #f39c12; } 
.dropcap1.pumpkin, .dropcap2.greensea		{ background-color: #d35400; } 
.dropcap1.pomegranate, .dropcap2.greensea	{ background-color: #c0392b; } 
.dropcap1.silver, .dropcap2.greensea		{ background-color: #bdc3c7; } 
.dropcap1.abestos, .dropcap2.greensea		{ background-color: #7f8c8d; } 
.dropcap1.black, .dropcap2.greensea			{ background-color: #222222; } 
.dropcap1.white, .dropcap2.white			{ background-color: #FFFFFF; }

.dropcap4{
  color: #ffffff;
  text-align: right;
  font-size: 10px;
  font-weight: normal;
  height: 36px;
  width: 36px;
  margin: 0 20px 15px 0;
  line-height: 36px;
  background-color: #7ea1bf;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.dropcap4 span{text-align: left;}
.dropcap4 i { vertical-align: middle;}

/* ================================================================= */
/*  Message Boxes                                                    */
/* ================================================================= */

.error,
.info,
.alert,
.success{
    color: #444444;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px;
    padding: 10px 30px 10px 20px;
    position: relative;
}
.error p,
.info p,
.alert p,
.success p{ margin-bottom:0; }

.error [class^="icon-"],
.info [class^="icon-"],
.alert [class^="icon-"],
.success [class^="icon-"] { vertical-align:middle;}
.error  { 
    background-color: #FFE5E5;
    border-color: #FFE5E5;
    color: #E65451;
}
.info   { 
    background-color: #E8FAFB;
    border-color: #E8FAFB;
    color: #468BBF;
} 
.alert  { 
    background-color: #F6F3DA;
    border-color: #F6F3DA;
    color: #B89C00;
}
.success{ 
    background-color: #EBF2D8;
    border-color: #EBF2D8;
    color: #81A81D;
}

.error span.close,
.info span.close,
.alert span.close,
.success span.close {
    cursor: pointer;
    display: block;
    opacity: 0.5;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
	font-weight:bold;
}

.error span.close:hover, .info span.close:hover, .alert span.close:hover, .success span.close:hover {
    opacity: 1;
}
.error span.close:hover,
.info span.close:hover,
.alert span.close:hover,
.success span.close:hover{
}	

/* ================================================================= */
/*  Highlight                                                        */
/* ================================================================= */

.highlight { 
	padding:1px 4px;
	color:#ffffff;
	background-color:#5E5E5E;	
	margin: 0 3px;
}
		
.highlight2	{ font-style: italic; border-bottom:1px dashed; padding: 1px }
.highlight.yellow	{ background-color:#ffda48; color:#000000; }

/* ================================================================= */
/*  Default Alignments                                               */
/* ================================================================= */

.left {float: left;}
.right {float: right; text-align: right;}
.center {float: none; text-align: center; margin: inherit auto;}

.clear	{ 
	clear: both;
	display: block;
	width: 0; 
	height: 0;
	visibility: hidden;
}

.meta-item {
	display: inline-block;
    margin-right: 15px;
}

/* ================================================================= */
/*  Milestone                                                        */
/* ================================================================= */

.milestone_wrap{ position: relative; display: inline-block;}
.milestone_content { }
.count-number { 
	font-size: 62px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
}

.milestone-text { font-size: 18px; font-weight: bold;  }

.push-bottom-vlarge {   margin-bottom: 8%;}

/*- SECTION SMALL -------*/
.section-title.medium .heading{
	font-size: 2.8rem;
	margin-bottom: 15px;
	font-weight: 700;
}

/* ================================================================= */
/*  Sub Page Navigation                                              */
/* ================================================================= */

.sub_nav {
	position:relative;
	margin: 10px;
	padding: 0;
	list-style: none;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
}

.sub_nav li ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sub_nav li ul li a{
	background: #f5f5f5;
	color: #999999;
	padding: 9px 15px 9px 30px;
}

.sub_nav li a {
	display: block;
	margin: 0 0 -1px 0;
	padding: 11px 15px;
	border: 1px solid #dddddd;
	border-bottom-color: #eeeeee;
	border-top-color: #eeeeee;
	color: #666666;
}

.rightsidebar .sub_nav li.current_page_item > a,
.rightsidebar .sub_nav li.current_page_item > a:hover {
	background-image: url(images/sub_arrowleft.png);
	background-position:10px center;
	background-repeat:no-repeat;
}

.leftsidebar .sub_nav li.current_page_item > a,
.leftsidebar .sub_nav li.current_page_item > a:hover {
	background-image: url(images/sub_arrowright.png);
	background-position:95% center;
	background-repeat:no-repeat;
}

.sub_nav li.current_page_item > a,
.sub_nav li.current_page_item > a:hover {
	position: relative;
	margin:0 -7px;
	padding: 11px 25px;
	zoom: 1;
	background-color: #ee5b3e;
	color: #ffffff !important;
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
}

.sub_nav li a:hover { background-color: #f1f1f1;}
.sub_nav li:first-child a { border-top-color: #dddddd; }
.sub_nav li:last-child a { border-bottom-color: #dddddd; }

/* ================================================================= */
/*  ContactForm 7 Custom Styling                                     */
/* ================================================================= */

.wpcf7-form input:focus, 
.wpcf7-form textarea:focus {
	border-color:#cccccc;
	background-color:#ffffff;
	-webkit-box-shadow: inset 3px 0 0 rgba(0,0,0,0.1), inset -3px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 3px 0 0 rgba(0,0,0,0.1), inset -3px 0 0 rgba(0,0,0,0.1);
	box-shadow: inset 3px 0 0 rgba(0,0,0,0.1), inset -3px 0 0 rgba(0,0,0,0.1);
}

.wpcf7-form p:nth-child(-n+3) {
	width: 49.9%;
	float: left;
	margin-bottom: 0;
}

.wpcf7-form-control-wrap {
	position: relative;
	float: left;
	width: 100%;
	padding-right: 10px;
}

.wpcf7-form input, 
.wpcf7-form textarea {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #dddddd;
    color: #444444;
	height: 100%;
    padding: 12px 15px;
	margin-top:5px;
    width: 500px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] 
{  	max-width: 100%;
    margin: 5px 0 0 0;
}

.wpcf7-form textarea {
    max-width: 100%;
    margin: 5px 0 0 0;
    width: 100%;
}

.wpcf7-form select {
    width: 400px;
    max-width: 97%;
    margin: 5px 0 0 0;
    padding:8px;
}

.wpcf7-form .wpcf7-submit {
	background-color: #333333;
	color: #ffffff;
	padding: 10px 10px;
	margin-top: 5px;
	width: 150px;
}

.wpcf7-form input[type="checkbox"] {    width: auto }

.wpcf7 form .wpcf7-form p {
    font-weight: bold;
    margin: 0 0 18px 0 !important;
}

.wpcf7-list-item-label 	{ font-weight: normal }
.wpcf7-response-output 	{ display: none }
.wpcf7-form .invalid 	{ color: #bf1515 !important }
.wpcf7-not-valid 		{ border: 1px solid #bf1515 !important }
.wpcf7 span.wpcf7-not-valid-tip { display: none }

.wpcf7-response-output {
    margin: 0px !important;
    padding: 5px 10px !important;
}

.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-ng,
.wpcf7-spam-blocked,
.wpcf7-validation-errors{
	position:relative;
	display:block;
	margin-bottom:20px;
	padding:10px 30px !important;
	background-color:#F7F7F7;
	border:1px solid #ddd !important;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	-webkit-box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.03);
	   -moz-box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.03);
	        box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.03);
}


.wpcf7-mail-sent-ok {
    background-color: #ebf2d8;
    border-color: #C1D96A !important;
    color: #81A81D;
}

.wpcf7-mail-sent-ng {
    background-color: #E8FAFB;
    border-color: #C2DADE !important;
    color: #468BBF;
}

.wpcf7-spam-blocked {
    background-color: #f6f3da;
    border-color: #D4CFA4 !important;
    color: #b89c00;
}

.wpcf7-validation-errors {
    background-color: #FFE5E5;
    border-color: #E8A7A7 !important;
    color: #E65451;
}

p:empty { display: none; }

/* ================================================================= */
/*  Buttons Custom Skins                                             */
/* ================================================================= */

.button.greensea		{ background-color: #16a085; } .button.greensea:hover		{ background-color: #16a085; } 
.button.nephritis		{ background-color: #27ae60; } 
.button.belizehole		{ background-color: #2980b9; } 
.button.wisteria		{ background-color: #8e44ad; } 
.button.midnightblue	{ background-color: #2c3e50; } 
.button.orange			{ background-color: #f39c12; } .button.orange:hover			{ background-color: #ff8800; } 
.button.pumpkin		    { background-color: #d35400; } 
.button.pomegranate	    { background-color: #c0392b; } 
.button.silver			{ background-color: #bdc3c7; } 
.button.abestos		    { background-color: #7f8c8d; } 
.button.black			{ background-color: #222222; } 
.button.white	{ background-color: #FFFFFF; }
.button.white span  { color: #666666; }

input[type="button"]:hover, 
input[type="submit"]:hover, 
button:hover { color:#ffffff; opacity: 0.85; }



.btnslide {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #3498db);
  background-image: -moz-linear-gradient(top, #3498db, #3498db);
  background-image: -ms-linear-gradient(top, #3498db, #3498db);
  background-image: -o-linear-gradient(top, #3498db, #3498db);
  background-image: linear-gradient(to bottom, #3498db, #3498db);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 2px;
  text-decoration: none;
}

.btnslide:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

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

@media only screen and (min-width: 240px) and (max-width: 479px) {
	.web_abbr { padding: 0 5px; margin-right: 0; width: 20%; }
	.select_wrapper.ds100 { margin-right: 0; width: 30%; padding: 0 5px; float: none;}
	.iva_domainSearch input[type="text"] { margin-right: 0; width: 50%;}
	.iva_domainSearch input.button { clear: both; display: block; margin: 10px auto 0 auto; width: 100%; }
	.layers-whmcs-widget .section-title { margin-bottom: 10px !important; text-align: center; }
}

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

	.layers-whmcs-widget .column.span-4 { width: 100%; margin-right: 0; float: none;}
	.web_abbr { padding: 0 5px; margin-right: 0; width: 20%; }
	.select_wrapper.ds100 { margin-right: 0; width: 30%; padding: 0 5px; float: none;}
	.iva_domainSearch input[type="text"] { margin-right: 0; width: 50%;}
	.iva_domainSearch input.button { clear: both; display: block; margin: 10px auto 0 auto; width: 100%; }
	.layers-whmcs-widget .section-title { margin-bottom: 10px !important; text-align: center; line-height: normal; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.iva_domainSearch.span-8.column { float: left; width: 66%; }
	.web_abbr { padding: 0 5px; margin-right: 0; width: 20%; }
	.select_wrapper.ds100 { margin-right: 0; width: 20%; padding: 0 5px; }
	.iva_domainSearch input[type="text"] { margin-right: 0; width: 40%;}
	.iva_domainSearch input.button { margin: 0 auto;  }
	.layers-whmcs-widget .section-title { margin-bottom: 0px; line-height: normal; }
}


/* ================================================================= */
/*  Pricing Table - Since 1.2.0                                      */
/* ================================================================= */

.iva_pt_wrap { clear: both; position: relative; overflow: visible; margin-bottom: 20px;}
.pt_wrap_active { cursor: pointer; opacity: 1; }
.pt_wrap_active:hover { opacity: 0.8; }

.iva-pt-ribbon {
	position: absolute;
	top: -20px;
	left: 0;
	padding: 8px 20px;
	margin: 0 15px;
	background: #545454;
	color:#ffffff;
	display: inline-block;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.iva-pt-header {
	position: relative;
	text-align: center;
	padding: 40px;
	background-color: #353535;
}

.iva-pt-title {
	font-size: 30px !important;
	color:#ffffff;
	margin-top: 10px;
}

.iva-pt-pricebox { display: block; color: #ffffff; }
.iva-pt-currency { font-size: 28px; line-height: 28px;}
.iva-pt-price { font-size: 60px; line-height: 60px; font-weight:900; font-style: italic; letter-spacing:-4px; }
.iva-pt-subprice { font-size: 30px; font-weight:900;}
.iva-pt-period { display: block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }

.iva-pt-content {
	line-height: 1.8;
	text-align: center;
	padding: 20px;
	background-color:#f5f5f5;
}
.iva-pt-hor {
	display: inline-block;
	display: table-cell;
	min-height: 200px;
	margin-bottom: 0;
	float: none;
	vertical-align: middle;
}

.horizontal.iva_pt_wrap { display: table; width: 100%; clear: both; margin-bottom: 40px; }
.horizontal .iva-pt-content {
	display: table-cell;
	text-align: center;
	float: none;
}

.iva-pt-button { margin: 0 auto; display: table; }

.iva-pt-footer { background-color: #dddddd; padding: 30px; }

.horizontal .iva-pt-item-wrap li {
	float: left;
	width: 50%;
	margin-bottom: 0;
	min-height: 2em;
	padding-right: .5em;
	text-align: left;
}

.btndescargar{
 text-decoration:none; 
 text-align:center; 
 padding:11px 29px; 
 border:solid 2px #ffffff; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#3ba4c7 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba4c7', endColorstr='#3ba4c7',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#3ba4c7 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }