﻿
header, footer, nav, section, article { 
 display:block; 
}

#bodyMain
{
	line-height: 1.5em;
	color: #403f3f;
	font-family: Calibri,Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 11px;
	background-color: #ecf0f2;
	background-image: url("images/body-black-gradient.jpg" );
	background-position: top;
	background-repeat: repeat-x;
}

body
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: #403f3f;
	font-family: Calibri,Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 11px;
	background-color: #e6ebed;
}

/* ---------------- header ----------------*/

#headerContent
{
	height:90px;
	text-align:left;
	font-size:1em;
}

#logo
{
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
	background-position:top;
	height:73px;
	display:inline-block;
	margin-top:10px;
}

#logo:hover
{
	background-position:bottom;
}

.logoLink
{
	display:block;
	width:221px;
	height:73px;
}

/* LOADER*/

.loader
{
	position:fixed;
	top:0px;
	right:0px;
}

/* MENU EN*/

.menu
{
	margin-top:10px;
	height: 70px;
	float: left;
	font-size:14px;
}

.menu ul
{
	background-color: #FAA819;
}

.menu ul li
{
	font-family:Calibri,Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	background-image:url("images/menu-globe.png" );
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
	margin-right:5px;
	float: left;
	height: 70px;
	width:110px;
	font-size: 1em;
	font-weight:bolder;
	text-decoration:none;
}

.menu ul li a
{
	padding-top:23px;
	height: 30px;
	width:110px;
	display:block;
	padding-bottom:5px;
	color:#403f3f;
	text-decoration:none;
}

.menu ul li a:hover
{
	color:#ffffff;
}

.menu ul li:hover
{
	background-position:center;
    color:White;
}

.menu ul li:active
{
	background-position:bottom;
    color:White;
}


/******************************** FLAGS */

#flags
{
	color:#0ec0dc;
	text-align:right;
	margin-top:6px;
	margin-bottom:4px;
}

#flags a
{
	color: #0ec0dc;/**/
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	cursor:pointer;
}

#flags a:hover
{
	color: #0ec0dc;/**/
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
/******************************** USER INFO */

#userInfo
{
	font-size:1em;
	text-align:right;
	max-width:220px;
}

.logininfo
{
	font-size: 12px;
	font-weight:bold;
	text-align:right;
}

#userInfo a
{
	color: #0ec0dc;/**/
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

#userInfo a:hover
{
	color: #0ec0dc;/**/
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.loginControl
{
	font-size:0.8em;
}

.divisorLine
{
	background-image:url("images/menu-gradient-bar.png");
	background-position:center top;
	background-repeat:no-repeat;
	height:9px;
}

.loggedIn
{
	width:200px;
}

/*
#NotloggedIn
{
	float: left;
}

#loggedIn
{
	float: left;
	width: 100px;
}
*/

/*************** WRAPPER CONTENT */

.sectionStripes
{
	background-image:url("images/pattern-stripes.png");
	background-repeat:repeat-y repeat-x;
}

.backgroundStripesPattern
{
	/*background-image:url("images/background-stripes.jpg");
	background-repeat:repeat-x;
	background-position:top left;*/
}

.backgroundLight
{
    background-image:url("images/background-light.png");
    background-repeat:repeat-x;
    background-position:top left;
}


.contentLeft
{
	background-image:url("images/background-green.png");
	background-position:top top;
	background-repeat:repeat-x;
	padding-top:15px;
	min-height:850px;
}

.contentMiddle
{
	padding-top:20px;
	padding-bottom:10px;
}

.contentMiddleBg
{
	background-image:url("images/bgContenido.png");
	background-repeat:repeat-y;
}

.contentRight
{
	background-image:url("images/background-blue.png");
	background-position:top top;
	background-repeat:repeat-x;
	min-height:850px;
}

#contentWrapperSubContent
{
	min-height:300px;
	margin-top:10px;
}

#contentWrapperSubContent a
{
	color:#0ec0dc;
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

#contentWrapperSubContent a:hover
{
	color:#0ec0dc;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#contentWrapperFooter
{
	min-height:326px;
}

/******************* SIGN UP */

.signupRow
{
	width:460px;
}

.signupLabels
{
	font-family: Calibri,Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 1em;
	text-align:right;
	width:100px;
	padding-top:0.9em;
	padding-right:1em;
	float:left;
}

.signupControls
{
	font-family: Calibri,Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 1em;
	width:300px;
	padding-top:0.9em;
	float:left;
}

.signupControlsSize
{
	font-family: Calibri,Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 0.9em;
}

/******************* GENERAL STYLE */

.titleBar
{
	width:100%;
}

.titleBarLeft
{
	background-image:url('images/title-bar-left.png');
	background-position:top left;
	background-repeat:no-repeat;
	width:18px;
	height:33px;
	float:left;
}

.titleBarMiddle
{
	padding:7px;
	background-image:url('images/title-bar-mid.png');
	background-position:top left;
	background-repeat:repeat-x;
	color:#ffffff;
	width:400px;
	height:21px;
	float:left;
}

.titleBarRight
{
	background-image:url('images/title-bar-right.png');
	background-position:top left;
	background-repeat:no-repeat;
	width:18px;
	height:33px;
	float:left;
}

/******************* SEARCH VIDEOS */

.searchArea
{
	margin-left:23px;
	padding-top:20px;
}

/******************* SOCIAL NETWORKS */

.socialNetworks
{
	margin-left:20px;
	margin-top:10px;
}

.twitterDiv
{
	background-image:url('images/twitter.png');
	background-position:top;
	background-repeat:no-repeat;
	width:170px;
	height:82px;
	margin-bottom:15px;
}

.twitterDiv:hover
{
	background-position:bottom;
}

.twitterLink
{
	display:block;
	width:110px;
	height:50px;
	padding-left:60px;
	padding-top:20px;
	line-height:1em;
	text-decoration:none;
	font-size:1.6em;
	color:#ffffff;
	font-weight:bold;
}

.facebookDiv
{
	background-image:url('images/facebook.png');
	background-position:top;
	background-repeat:no-repeat;
	width:170px;
	height:81px;
	margin-bottom:15px;
}

.facebookDiv:hover
{
	background-position:bottom;
}

.facebookLink
{
	display:block;
	width:150px;
	height:81px;
	padding-top:10px;
	padding-left:30px;
    line-height:1em;
	text-decoration:none;
	font-size:1.6em;
	color:#ffffff;
	font-weight:bold;
}

/******************* BANNERS RIGHT */

.rightAddsCenter
{
	padding-left:30px;
}

.leftAdsCenter
{
	padding-left:10px;
}
.bannerbody
{
	margin: 0px 0px 0px 0px;
}

/******************* SUB CONTENT */

.wrapperSignup
{
	display:block;
}

.wrapperVideos
{
	padding-left:20px;
}

.videoRow
{
	margin-bottom:20px;
	height:115px;
}

.videoItemFirst
{
	width: 125px;
	float:left;
	margin-bottom:20px;
	/*border:solid 3px #0eaec4;*/
}

.videoItemFirst:hover
{
	width: 125px;
	float:left;
	margin-bottom:20px;
	/*border:solid 3px #d3d5d7;*/
}

.videoItemSecond
{
	width: 125px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	/*border:solid 3px #0eaec4;*/
}

.videoItemSecond:hover
{
	width: 125px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	/*border:solid 3px #d3d5d7;*/
}

.videoItemThird
{
	width: 125px;
	float:left;
	margin-bottom:20px;
	/*border:solid 3px #0eaec4;*/
}

.videoItemThird:hover
{
	width: 125px;
	float:left;
	margin-bottom:20px;
	/*border:solid 3px #d3d5d7;*/
}

.videoThumbnail
{
	border-bottom-color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:5px;
}

.views
{
	float:right;
	padding-left:20px;
	background-image:url('images/eye.png');
	background-position:top left;
	background-repeat:no-repeat;
	font-size:0.9em;
}

/******************* FOOTER */

#contentWrapperFooter
{
	background-image:url('images/footer-bar.jpg');
	background-position:bottom center;
	background-repeat:no-repeat;
}
#footerContent
{
	height:194px;
	padding-top:200px;
	padding-left:12px;
	background-image:url('images/footer.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
	color:#ffffff;
}

#footerContent a
{
	color:#ffffff;
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

#footerContent a:hover
{
	color:#ffffff;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.footerList li
{
	line-height:1.9em;
	margin-left:10px;
}

.footerAdvertising
{
	margin-top:40px;
}

.footerAffiliate
{
	margin-top:40px;
}

.footerAdvertisingLink
{
	float:right;
}

.footerAffiliateLink
{
	float:right;
}

/*************** MODAL BOX */

.modalBackground
{
	background-color:Transparent;
}

.modalTop
{
	background-image:url('images/modal-box-top.png');
	width:401px;
	height:73px;
}

.modalBody
{
	background-image:url('images/modal-box-middle.png');
	background-repeat:repeat-y;
	width:361px;
	padding:20px;
}

.modalBottom
{
	background-image:url('images/modal-box-bottom.png');
	background-repeat:no-repeat;
	width:401px;
	height:73px;
}

.modalTitle
{
	color:#ffffff;
	padding-left:25px;
	padding-right:25px;
	padding-top:30px;
	font-size:2em;
}

.modalTitleContent
{
	font-size:1.6em;
	line-height:1.1em;
	margin-bottom:2em;
}

.modalTextContent
{
	font-size:1.1em;
	line-height:1.1em;
	margin-top:1em;
	margin-bottom:2em;
}

/********************** twitter stream */

#twitter_div
{
	background-image:url('images/twitterbird.png');
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:80px;
}

#twitter-link
{
	float:right;
	margin-right:80px;
	margin-top:60px;
}

#twitter_div a
{
	color:inherit;
	text-decoration:underline;
}

#twitter_div a:hover
{
	color:#2dbddc;
}

.marginError
{
    margin-top:30px;
    }

