.site-width{
	width: 1000px;
}
.site-footer-wrapper{
	display: block;
	margin: 0px auto 3px auto;
	border-top:3px solid #a80100;
}
.site-wrapper{
	display: block;
	margin: 0 auto;

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

html, body {
	font-family: "FontText2", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3c3c3c;
}
body {
	background-color:#ffffff;
}
p{
	margin: 0 0 16px 0;
}
a { color: #0069D0; }
a:visited {}
a:hover { text-decoration: underline; }
a:focus {}
a:hover, a:active { outline: 0; }

.fulltext a {}
.fulltext a:hover {}

em { font-style: italic !important; }

h1,
h1 a{
	font-family: "FontText2", Arial, Geneva, sans-serif;
	/*font-size: 17px;
	line-height: 17px;
	text-transform: uppercase;*/
}
h1 a:hover{
	color: #000;
	text-decoration:none;
}

h2{
	font-family: "FontText2", Arial,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #000;
}

h3{
	font-family: "FontText2", Arial, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
}
h4{
	font-size: 14px;
	color: #000;
}

.exito,
.error{
	padding: 0 4px 0 4px;
	font-size: 10px;
}
.exito{
	background: #c4df9b;
	border: 1px solid #00a651;
	color: #007236;
}
.error{
	background: #eac2c2;
	border: 1px solid #cc0000;
	color: #cc0000;
}

.pr {
	position: relative;
}

#page-bg{ height: 100%; }
#page{
	height: 100%;

}
#page-wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px;
}

#page-top{
	display: block;
	height: 40px;
	line-height: 40px;
	background: #4d4d4d;
}
#page-top,
#page-top a{
	font-family: "FontText2", Arial, Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #ffffff;
        line-height: 35px;
}
#page-top span{
    font-family:"Times New Roman",Georgia,Serif;
    font-style: italic;
    font-size: 15px;
    float: left;
    padding-top: 5px;
}
#page-top ul.nav{
	float: left;
        margin-left: 13px;
}
#page-top ul.nav li:hover{
    background-color: #50adb9;
}
#page-top ul.nav li.active{
    background-color: #50adb9;
}
#page-top ul.nav li{
	height: 35px;
        padding: 0 5px;
	line-height: 40px;
        margin:5px 5px 0 5px;
}

#page-container{
}
#ads{
    background-color: #000000;
    height: 100px;
    padding-top: 10px;
}


#header-top{
	background: #e9e9e9;
	padding: 5px 0;
}

#header-ads-top{
	width: 730px;
	height: 90px;
	margin: 10px auto;
}


#header-ads-left{
	width: 530px;
	float: left;
	padding: 50px 0;
}

	#header-ads-left a{
		display: block;
		text-align: right;
		text-transform: uppercase;
		font-size: 18px;
	}
        #header-ads-left a.more{
                color: #ff6600;
                text-transform: capitalize;
                font-weight: bold;
                font-family: "FontText3", Arial, sans-serif;
                background: url(../imgs/arrow-read-more.png) no-repeat right 5px;
                display: block;
                padding-right: 15px;
                font-size: 14px;
        }
        #header-ads-left a.more:hover{
            text-decoration: none;
            color: #004a83;
            background: url(../imgs/arrow-read-more-over.png) no-repeat right 5px;
        }

#header-ads-right{
    width: 180px;
    height: 150px;
    float: right;

}
#ads2{
    width: 241px;
    height: 90px;
    float: left;
}
#header{
	background: #FFFFFF;
/*	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display: block;
	height: 30px;
        padding: 20px 0;*/
	top: 0px;
	margin: 10px auto;
	width: 100%;
	z-index:999;
}
.header-box{
    padding:0 0 21px;
    height: 30px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    display: block;
    width: 1000px;
    margin: 0 auto;
}
.line{
    background: #50adb9;
    height: 5px;
}
#logo{
	display: block;
	float: left;
}
#logo,
#logo a{
	display: block;
	width: 278px;
	height: 144px;
}
#logo a{
	background: url(../imgs/logo.png) no-repeat;
	text-decoration: none;
}

.logo-link {
	position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    height: 74px;
	background-position: 0px -5px;
}

.logo-link:hover {
	text-decoration: none;
}

#headline{
	display: block;
	height: 40px;
	background: #e6e6e6;
}
#headlinetext{
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	font-family: "FontText2", Arial, sans-serif;
	font-size: 13px;
	padding-left: 10px;
}
#headlinetext b{
	color: #000;
}
#headlinetext .headlinetext-header{
	display: block;
	float: left;
	width: 112px;
	height: 26px;
	margin: 7px 12px 7px 0;
	background: url(../imgs/headlinetext-header.png) no-repeat;
}
#headlinetext .headlinetext-text{
	display: block;
	float: left;
	font-size:13px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
}

#headline2{
	display: block;
	margin: 10px auto;
	padding: 10px 0;
}

#main-search{
	display: block;
	float: right;
	padding: 10px 0 0 10px;
}

#main-search .main-search-wrapper{
	float: left;
}
#main-search .before,
#main-search .after{
	line-height: 29px;
	float: left;

	font-family: Arial, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}
#main-search .before{
	padding: 0 10px 0 0;
}
#main-search .after{
	padding: 0 0 0 10px;
}
#main-search .google-search-form{
}
#main-search .google-search-form-input,
#main-search .google-search-form-button{
	display: block;
	float: left;
}
#main-search .google-search-form-input-box{
	display: block;
	width: 200px;
	padding: 3px;
	border: 0px;
	height: 25px;
	line-height: 12px;
	font-size:12px;
	color: #22272d;
	background: #e6e6e6;
}
#main-search .google-search-form-input-button{
	border: none;
	display: block;
	padding: 0;
	width: 22px;
	height: 22px;
	background: url(../imgs/google-search-form-button.png) no-repeat;
	position: relative;
	top: 5px;
	left: 8px;
}

.site-socialicons{
	display: block;
	float: left;
}
.site-socialicons a{
	background: url(../imgs/social-icons-footer.png?S) no-repeat;
	display: block;
	float: left;
	margin: 0 3px;
	width: 50px;
	height: 50px;
	line-height: 36px;

	font-family: 'azicons', sans-serif;
	font-size:25px;
	color: #FFFFFF;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);*/
}

	.site-socialicons a.twitter{
		background-position: -53px 0;
	}

	.site-socialicons a.rss{
		background-position: -106px 0;
	}

	.site-socialicons a.youtube{
		background-position: -159px 0;
	}

	.site-socialicons a.flickr{
		background-position: -212px 0;
	}
	.site-socialicons a.instagram{
		background-position: -260px 0;
	}

	.textsocial{
		color: #FFFFFF;
		display: block;
		clear: both;
		padding: 10px 10px;
		font: 14px Helvetica,Arial,sans-serif;
		width: 300px;
	}

.site-socialicons a:hover{
	text-decoration: none;
}

#where-iam{
	display: block;
	margin: 0px;
	padding: 12px 0;

	font-size: 12px;
	line-height: 18px;
	color: #6c6c6c;
        text-transform: uppercase;
        width: 810px;
        margin: 0 auto;
}
#where-iam a{
	font-weight: normal;
	color: #0069d0;
}
#where-iam em{
	font-weight: normal;
	font-style: normal !important;
        width: 810px;
        margin: 0 auto;
}

#main{
	display: block;
	/*padding-bottom: 450px;*/
	padding-bottom: 200px;
}
#ad-pencil{
	margin: 0 0 10px 0;
}

#fixed-space-for-footer{
	height: 500px;
	width: 100%;
}

#footer{
	display: block;
	height: 400px;
	width: 1000px;
	margin: auto;
	background-color: #fff;
	width: 100%;
	}
#footer{

}
#footer .col{
	float: left;
	width: 33%;
}

#footer .col .footer-title{
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px auto 10px;
	padding: 0 10px;
}

#footer .col .footer-text{
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 10px;
}

#logo-footer{
	display: block;
	float: left;
}
#logo-footer,
#logo-footer a{
	display: block;
	width: 234px;
	height: 152px;
}
#logo-footer a{
	background: url(../imgs/logo-footer.png) no-repeat;
	text-decoration: none;
}

#bottom{
	background: #FFFFFF;
        height: 120px;
}

#copyright{
	display: block;
	color: #004a83;
}
#text-footer{
    float: left;
    line-height: 20px;
    margin-top: 10px;
}
#copyright .site-socialicons{
    margin-top: 20px;
}
#copyright .site-socialicons a{
    color: #ffffff;
    display: block;
    float: left;
    font-family: 'azicons',sans-serif;
    font-size: 25px;
    height: 29px;
    line-height: 36px;
    margin: 0 3px;
    width: 25px;
}
#wehaa-logo{
	display: block;
	float: right;
	margin: 0px;
	margin-top: -20px;
}
#wehaa-logo,
#wehaa-logo a{
	display: block;
	width: 111px;
	height: 33px;
	text-decoration: none;
	background: url(../imgs/wehaa-logo.png) no-repeat;
}

#wehaa{
	float:right;
	color: #004a83;
}

	#wehaa a{
		color: #004a83;
	}

/**************************************************************************************/
/*GRID*/
/**************************************************************************************/
#cA .Left,
#cA .Right,
#cA .Horizontal,
#cB .Left,
#cB .Right,
#cB .Horizontal{
	margin-bottom: 35px;
}

#cA,
#cA .Horizontal{
	margin-right: 30px;
        width: 670px;
}
#cA .Left{
	width: 179px;
        border-right: 1px solid #000;
        padding-right: 14px;
}
#cA .Right{
    padding: 0 0 0 15px;
    width: 460px;
}

#cB,
#cB .Horizontal{
	width: 300px;
}
#cB .Left,
#cB .Right{
	width: 140px;
}
.main #cA{
    width: 1000px;
}
.main #cA .article-full-view{
    width: 810px !important;
    margin: 0 auto;
}

/**************************************************************************************/
/*MENU TOP AND USER NAV*/
/**************************************************************************************/
#user-nav{
	display: block;
	float: right;
	margin: 0 20px 10px 0; 
}

#user-nav li{
	display: inline-block;
}

#user-nav .navLink {
	font-size: 11px;
	padding: 0 0 0 10px;
	color: #000000;
	text-transform: capitalize;
}
#menu-top ul.nav li a:hover{
	text-decoration: underline;
}
#menu-top ul.nav,
#menu-top ul.nav li.navOption,
#menu-top ul.nav li.navOption  ul.subnav,
#menu-top ul.nav li.navOption  ul.subnav  li.subnavOption,
#user-nav ul.nav,
#user-nav ul.nav li.navOption,
#user-nav ul.nav li.navOption  ul.subnav,
#user-nav ul.nav li.navOption  ul.subnav  li.subnavOption{
	height: 27px;
}
#menu-top ul.nav li.navOption .navLinkContainer,
#menu-top ul.nav li.navOption .subnavLinkContainer,
#user-nav ul.nav li.navOption .navLinkContainer,
#user-nav ul.nav li.navOption .subnavLinkContainer{
	margin-right: 5px;
}
#menu-top ul.nav li.last-child .navLinkContainer,
#user-nav ul.nav li.last-child .navLinkContainer{
	margin-right: 0;
}

#menu-top ul.nav li.navOption .navLinkL,
#menu-top ul.nav li.navOption .subnavLinkL,
#user-nav ul.nav li.navOption .navLinkL,
#user-nav ul.nav li.navOption .subnavLinkL{
	background: url(../imgs/menuTopNavLinkL.png) no-repeat 0 0;
}
#menu-top ul.nav li.navOption .navLinkR,
#menu-top ul.nav li.navOption .subnavLinkR,
#user-nav ul.nav li.navOption .navLinkR,
#user-nav ul.nav li.navOption .subnavLinkR{
	padding: 0 7px 0 7px;
	background: url(../imgs/menuTopNavLinkR.png) no-repeat 100% 0;
}
#menu-top ul.nav li.navOption .navLinkM,
#menu-top ul.nav li.navOption .subnavLinkM,
#user-nav ul.nav li.navOption .navLinkM,
#user-nav ul.nav li.navOption .subnavLinkM{
	height: 27px;
	line-height: 27px;
	background: url(../imgs/menuTopNavLinkM.png) repeat-x;
}
#menu-top ul.nav li.navOption:hover,
#user-nav ul.nav li.navOption:hover {}
#menu-top ul.nav li.navOption a.navLink:hover,
#user-nav ul.nav li.navOption a.navLink:hover{
	text-decoration: underline;
}

/*subnav*/
#menu-top ul.nav li.navOption ul.subnav,
#user-nav ul.nav li.navOption ul.subnav{
	top: 27px;
}
#menu-top ul.nav li.navOption ul.subnav a.subnavLink:hover,
#user-nav ul.nav li.navOption ul.subnav a.subnavLink:hover{
	text-decoration: underline;
}




/**************************************************************************************/
/*MENU PLACES & EVENTS*/
/**************************************************************************************/
#menuPlaces,
#menuEvents{
	display: block;
	float: left;
	margin: 8px 0 8px 10px;
	padding: 0 0 0 120px;
	height: 25px;
	background: url(../imgs/breaking_news.png) no-repeat 0 50%;
}

#menuEvents{
	margin-left: 40px;
	background: url(../imgs/what-to-do.png) no-repeat 0 50%;
}

#menuPlaces a,
#menuEvents a{
	padding: 0px 0 0 10px;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #303030;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);*/
}
#menuPlaces a::after,
#menuEvents a::after{
	padding: 0px 0 0 10px;
	content: "|";
	display: inline-block;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}
#menuPlaces a:hover,
#menuEvents a:hover {
	text-decoration: underline;
}
#menuPlaces ul.nav li.navOption,
#menuEvents ul.nav li.navOption{}
#menuPlaces ul.nav li.last-child,
#menuEvents ul.nav li.last-child{}

#menuPlaces ul.nav li.last-child a::after,
#menuEvents ul.nav li.last-child a::after{
	content: "";
	padding: 0;
}



/**************************************************************************************/
/*MENU Cities*/
/**************************************************************************************/
#menuCities{
	display: block;
	float: right;
	height: 18px;
	margin: 6px 0;
}
#menuCities a{
	margin-right: 2px;
	padding: 0 15px;
	line-height: 18px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;

	background: #e30000;

	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0.45);
	box-shadow:         0px 1px 1px rgba(0, 0, 0, 0.45);
}
#menuCities a:hover{
	background: #cc0000;
}
#menuCities ul.nav::before{
	margin: 0 10px 0 0;
	float: left;
	content: "pick your city";
	line-height: 18px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
#menuCities ul.nav li.navOption{}
#menuCities ul.nav li.last-child{}

#menuCities ul.nav li.last-child a{
	margin-right: 0;
}
#menuCities ul.nav li.last-child a::after{
	content: "";
	padding: 0;
}


/**************************************************************************************/
/*MENU FOOTER*/
/**************************************************************************************/
#menu-footer{
	height: 32px;
        float: left;
}
#menu-footer,
#menu-footer a{
	font-size: 11px;
	color: #a8d6dc;
	line-height: 10px;
}
#menu-footer ul.nav {
	display: table;
    margin: 0 auto;
}
#menu-footer ul.nav li.navOption,
#menu-footer ul.nav li.navOption  ul.subnav,
#menu-footer ul.nav li.navOption  ul.subnav  li.subnavOption{
}
#menu-footer ul.nav li.navOption {
	float: none;
	display: inline-block;
	margin-top: 10px;
        padding: 0 9px;
        border-right: 1px solid;
}
#menu-footer ul.nav li.navOption .navLinkContainer,
#menu-footer ul.nav li.navOption .subnavLinkContainer{
}
#menu-footer ul.nav li.first-child .navLinkContainer{
}
#menu-footer ul.nav li.last-child .navLinkContainer{
}
#menu-footer ul.nav li.navOption a.navLink:hover{
	text-decoration: underline;
}
.menu-footer-vertical{
	width: 128px;
	float: left;
	height: 250px;
	padding-left: 10px;
}
.menu-footer-vertical ul.nav li.navOption, ul.nav li.navOption .navLinkContainer{
    float: none;
    margin: 10px 0;
}
.menu-footer-vertical li.navOption a.navLink{
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}

#sailingmag-image{
	float: left;
	width: 154px;
	height: 142px;
	margin-left: 15px;
}

/**************************************************************************************/
/*SOCIAL ICONS*/
/**************************************************************************************/
#social-top{
	display: block;
	margin: 3px 0 15px 0;
	height:36px;
	background-color: #333333;
	padding: 5px;
	position: relative;
}
#social-top form span{
	 width:645px;
}
#social-top #joinemailform {
	float: left;
}
#social-top span{
	color: #FFFFFF;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;;
    font-size: 45px;
    height: 35px;
    line-height: 38px;
    text-transform: uppercase;
}
#social-top input[type="text"]{
    display: inline-block;
    height: 24px;
    width:240px;
    line-height: 38px;
	font-family:Arial,Helvetica,sans-serif;;
    font-size: 17px;
	position: absolute;
	top:6px;
	left:260px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	border:0px;
	padding: 5px;
	background-color: #e6e6e6;
}

#social-top .imageButtonEmail {
	cursor:pointer;
	display: inline-block;
	height: 39px;
	width:77px;
	position: absolute;
	top:4px;
	left:515px;
}

#social-top input[type="image"]{
    display: inline-block;
    height: 39px;
    width:77px;
	position: absolute;
	top:4px;
	left:515px;
	background: url(../imgs/submit-email.png) no-repeat;
}

.social-bar {
	display: inline-block;
	float: right;
}
.social-bar .social-bar-title,
.social-bar .addthis_toolbox{
	display: inline-block;
	height: 31px;
	line-height: 31px;
}

.social-bar .addthis_toolbox .social-icons{
	display: block;
	margin-top:3px;
}
.social-bar .addthis_toolbox a{
	display: block;
	float: left;
	margin: 0 6px 0 0;
	text-decoration: none!important;
}
.social-bar .addthis_toolbox a span{
	display: none;
}
.social-bar .addthis_toolbox a.button{
	width: 32px;
	height: 32px;
	text-indent: -99999px;
}
.social-bar .addthis_toolbox a.googleplus{
	background: url(../imgs/social-icon-googleplus.png) no-repeat;
}
.social-bar .addthis_toolbox a.facebook{
	background: url(../imgs/social-icon-facebook.png) no-repeat;
}
.social-bar .addthis_toolbox a.twitter{
	background: url(../imgs/social-icon-twitter.png) no-repeat;
}
.social-bar .addthis_toolbox a.rss{
	background: url(../imgs/social-icon-rss.png) no-repeat;
}


/**************************************************************************************/
/*USER NAV*/
/**************************************************************************************/
.user-account-info ul.nav{
	float: left;
}
.user-account-info .user-info,
.user-account-info .user-thumb,
.user-account-info .user-name{
	display: block;
	float: left;
	height: 28px;
	line-height: 29px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-transform:uppercase;
}
.user-account-info .user-info{
	color: #000;
}
.user-account-info .user-thumb{
	border:1px solid #CECECE;
	margin-right:2px;
}
.user-account-info .user-thumb img{
	float: left;
	margin: 0;
	width: 25px;
	border: 2px solid #e8e8e8;
}
.user-account-info .user-name{}


/**************************************************************************************/
/*CALENDAR*/
/**************************************************************************************/
.calComp,
.calhead{
	width: 100%;
}
.calComp {
    background-color: #BBB9BA;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 12px;
}
.calComp td {
	padding: 3px;
}
.calComp .calhead {
    margin: 0;
    padding: 0;
	background-color: #000;
}
.calComp .calhead,
.calComp .calhead a{
    font-weight: bold;
	color: #FFFFFF;
}
.calComp .dayhead {
    background: #f0f0f0;
}
.calComp .dayhead td {
    text-align: center;
}
.calComp .dayrow {
    background: #FFFFFF;
}
.calComp .dayover {
    background: #f0f0f0;
}
.calComp .dayout {
    background: #FFFFFF;
}
.calComp .day b{
	color: #cccccc;
}
.calComp .day b a{
    color: #000 !important;
    text-decoration: underline;
}


/**************************************************************************************/
/*PAGINATOR*/
/**************************************************************************************/
#cA .Pages {
	display: block;
	clear: both;
	width: 500px;
	text-align: center;
	margin: 20px auto;
}
#cA .Pages a,
#cA .Pages b {
	font-size: 14px;
	font-style: normal;
	color: #22272d;
	text-decoration: none;
	float: left;
	line-height: 30px;
	height: 30px;
	width: 30px;
}
#cA .Pages .prevNext a{
	width: 50px;
}
#cA .Pages b,
#cA .Pages a:hover {
	color: #fff;
	background-color: #22272d;
}

/**********************************************************************************/
/* FORM LOGIN FROM ARTICLES */
/**********************************************************************************/

.formLoginFromArt,
.formActivateFromArt {
	display: block;
    float: left;
    margin: 12px;
    width: 305px;
    font-family: 'Droid Sans',Arial,Helvetica,sans-serif;
}
.formLoginFromArt h1,
.formActivateFromArt h1 {
	display: block!important;
}

.formLoginFromArt label,
.formActivateFromArt label {
	color: #000;
    font-family: 'Droid Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align:right;
    display: block;
    width:300px;
    margin: 10px 0px;
}

.formActivateFromArt label {
	text-align:left;
}

.formLoginFromArt label input,
.formActivateFromArt label input {
    width:180px;
    margin: 0px 0px 0px 9px;
}
.formActivateFromArt label input {
	clear: both;
    display: block;
    margin: 3px 0 0;
}

.formLoginFromArt input[type="button"],
.formActivateFromArt input[type="button"] {
    font-family: 'Droid Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    background-color: #e5e4e1;
    border: 0px;
    color: #004a83;
    padding: 5px;
}

.formLoginFromArt a,
.formActivateFromArt a {
    font-family: 'Droid Sans',Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #004a83;
}


/**************************************************************************************/
/* USERS LOGIN FORM */
/**************************************************************************************/
/* EVENTS */
/**************************************************************************************/

#LoginMyEvents {
	background-color: #FFF;
	padding: 10px;
}

#LoginMyEvents .message {
	text-align: center;
	border-bottom:1px solid #999
}

#LoginMyEvents .txtField {
	background-attachment: scroll;
    background-color: #DDDDDD;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border: 1px solid #CECECE;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px #CECECE inset;
    color: #555555;
    display: inline;
    float: left;
    height: 20px;
    line-height: 24px;
    margin: 3px;
    padding: 5px;
    width: 200px;
}

#LoginMyEvents .textoformSingIn {
    float: right;
    padding-right: 3px;
    line-height:34px;
}

#LoginMyEvents .rememberPass {
    clear: both;
    display: block;
    float: none;
    line-height: 34px;
    padding-left: 5px;
}

#LoginMyEvents .exito {
    display: block;
    text-align: center;
}

#fb_logout_button {
	display: none;
}
#footer .page-footer {
	height: 94px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	padding-top: 5px;
	background: #e9e9e9;
}

#footer .page-footer.fixed-bottom {
        height: 94px;
        margin-bottom: 10px;
        background: #e9e9e9;
}

#footer{
	background: #004a83;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}


#footer.fixed-footer {
	height: 486px;
	/*position: fixed;
	bottom: -387px;*/
	width: 100%;
	z-index: 999;

}

.fulltext ul {
	display: block;
	margin: 1.12em 0;
	margin-left: 40px;
}

.fulltext ul li {
	display: list-item;
	list-style: disc;
}

.fulltext blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    padding-left: 15px;
    border-left: 3px solid #ccc;
}


#new_item_message {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 10px;

	border: 2px solid rgba(68,68,68,0.6);

  	-webkit-box-shadow: 0px 0px 4px 1px rgba(68,68,68,0.6);
			box-shadow: 0px 0px 4px 1px rgba(68,68,68,0.6);

	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

}


#new_item_message a {
	font-weight: bold;
	color: #A80100;
	text-decoration: none;

}

.opener-menu-responsive {
	display: none;
}





.socialwidgetLeft {
	position: fixed;
	width: 29px;
	margin-left: -85px;
	text-align: center;
	top: 90px;
	overflow: hidden;
	line-height: 14px;
	height: 337px;
	font-size: 12px;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;

}

.socialwidgetLeft:hover{
	height:inherit;
	overflow: inherit;
}

/*
#facebook_like_button_holder {
    position:relative;
    width:29px;
    height: 30px;
    color:#fff;
    background:black;
    float: left;
}

#facebook_like_button_holder iframe {
    position:absolute;
    top: 0px;
    width: 29px !important;
}

#fake_facebook_button {
    pointer-events: none;
    position:absolute;
    width: 29px;
    height: 30px;
    left:0;
    top:0;
    background: url('../imgs/icon-facebook.png') no-repeat;
}
*/

.article-full-view-toolbar .linkBuy {
    display: block;
    float: left;
    background: url("../imgs/buy.pdf.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: inline-block;
	font-family: "HelveticaNeue",Arial;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	padding-left: 30px;
	width: 65px;
	text-shadow: 1px 1px 3px #000;
	margin: 5px 8px 0 0;
}

#facebook_share {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
}
#facebook_share a {
   background: url('../imgs/icon-facebook.png') 0 0 no-repeat;
   display: block;
   width: 30px;
   height: 30px;
}

#custom-tweet-button{
    display: block;
    width: 30px;
    height: 30px;
    float: left;
}
#custom-tweet-button a {
   background: url('../imgs/icon-twitter.png') 0 0 no-repeat;
   display: block;
   width: 30px;
   height: 30px;
}
#custom-tweet-button a:hover {
   background: url('../imgs/icon-twitter.png') 0 0px no-repeat;
}
#custom-tweet-button a:active {
   background: url('../imgs/icon-twitter.png') 0 0px no-repeat;
}

#custom-plus-button{
   display: block;
    width: 30px;
    height: 30px;
    float: left;
}
#custom-plus-button a {
   background: url('../imgs/icon-plus.png') 0 0 no-repeat;
   display: block;
   width: 30px;
   height: 30px;
}

#custom-pinteres-button{
    display: block;
    width: 30px;
    height: 30px;
    float: left;
}
#custom-pinteres-button a {
   background-image: url('../imgs/icon-pinterest.png') !important;
   background-repeat: no-repeat;
   background-position: 0 0;
   display: block;
   width: 30px !important;
   height: 30px !important;
   background-size: 100% !important;
}
#adzone-cube{
    width: 310px;
    float: right;
}


.buy-pdf-form {
	margin:0 auto;
	width: 410px;
	background-color: #d9e2e5;
	border-radius: 10px;
	padding: 10px 20px 40px 0;
}
.buy-pdf-form label {
	display: block;
	margin:10px;
	text-align: right;
	width: 400px;
}
.buy-pdf-form small {
	display: block;
	clear: both;
	margin-bottom: 10px;
	text-align: right;
}

.buy-pdf-form label input {
	width: 220px;
	margin-left: 10px;
}

.buy-pdf-form input[type="submit"] {
	width: 100px;
	float:right;
	background-color: #004A83;
	border:0;
	color:#fff;

}

.h2-pay-pdf {
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-size: 30px;
	border-bottom: 3px solid #d0d3d0;
	padding-bottom: 10px;
	margin-bottom: 20px;
	line-height: 30px;
}


/*Widget HTML/JS Print / Digital */

.html-widget-left{
	width: 50%;
	float: left;
}

.html-widget-right{
	width: 50%;
	float: right;
}

.print{
    width:46%;
    float:left;
    padding:5px;
    border: 1px #000 solid;
    margin-left: 20px;
    margin-top: -13px;
    margin-bottom: 50px;
    position: relative;
	height: 362px;
	width: 280px;	
}


.digital-header {
    float:left;
    margin-top: -50px;
}

.digital {
    float: right;
    padding:5px;
}

.digital-text {
    border: 1px #000 solid;
    margin-left: 20px;
    margin-top: -19px;
    position: relative;
    padding:5px;
	height: 362px;
	width: 280px;
   
}


.box {
    padding:5px;
    border: 1px #000 solid;
    margin-left: 20px;
    margin-top: -13px;
    position: relative;
    height: 362px;
}
.cover {
    width:45%;
    float:left;
    padding:5px;
}
.devices {
    width:45%;
    float:right;
    padding:5px;
}


.box2 {
    border: 1px #000 solid;
    position: relative;
    margin-left: 20px;
    margin-top: -13px;
    padding-bottom:13px;
}
.cover {
    width:46%;
    float:left;
    padding:5px;
}
.devices-single {
    width:46%;
    float:right;
    padding:5px;
}
.subtext {
    width:46%;
    float:bottom;
    padding:5px;
}



.ad-mobile{
	text-align: center;
	margin: auto;
	width: 98%;
}

.ad-mobile div,
.ad-mobile span{
	text-align: center;
}