/*
* BENAVENTE V.1
* Copyright 2012, manuelvega
* DATE : 26/10/2012
*/



/* Table of Contents
==================================================
    

    1. GENERAL STYLES
    2. COLORS & PATTERNS
    3. LOGO
    4. CLOCK
    5. FOOTER
    6. MEDIA QUERYS
    7. SWITCHER
    8. BAKGROUND SLIDESHOW
    

/* 1 - GENERAL STYLES 
================================================== */


body {background: url(../img/bg5.jpg) no-repeat #1f1f1f;  background-position:center; background-attachment: fixed;}
.clear {clear: both;}


/* 2 - COLORS
================================================== */


a {
	color: #000000;
	text-decoration: none;
}
::selection {color:#00549c;}
#clock {color:white;}
#Trigger {position:fixed; width: 35px;height: 20px;font: 400 20px/20px 'Open Sans',sans-serif;color: #FFFFFF;background: #00549c;text-shadow: none;cursor: pointer;text-align: center; bottom:0;}
#Border {position:fixed; width: 100%;border-top: 4px #00549c solid;z-index: 999; bottom:0;}
ul.pattern li {display: inline;}


/* 3 - LOGO
================================================== */


.logo {text-align: center; margin-top: 60px;}
.logo p.italic {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 24px;
	text-align: center;
	color: #FFFFFF;
	margin: 20px 0;
}
.logo p.custom_text {
	font-family: "Lemon/Milk";
	font-size: 35px;
	color: #54DFDF;
	text-transform: uppercase;
	font-weight: 200;
	font-style: normal;
}


/* 4 - CLOCK
================================================== */


#clock ul {text-align: center; margin-top: 50px;}
#clock ul li { font-size: 14px; margin-right: 15px; display: inline;}
#clock ul li span { display: inline; margin-right: 2px; font-size:50px;}


/* 5 - FOOTER 
================================================== */


.footer_content h3 {
	color: #00549C;
	text-transform: uppercase;
	font-size: 14px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
ul#social li {display:inline;padding-right: 8px;}
ul#social li a {transition:opacity .4s ease-in-out;
-moz-transition:opacity .4s ease-in-out, display .4s ease-in-out;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out; opacity:1;}
ul#social li a:hover {display:inline;opacity:0.5;}
.footer {
	margin-top: 5px;
}
.footer_content {text-align: center;}
input[type="email"] {width: 415px;margin-left: 20px; margin-top:7px;}
.some_tweets {font-size: 13px; color:#3d3d3d; font-family: 'SegoeUINormal' width: 100px; margin-bottom: 10px;}
ul#twitter_update_list li {text-align: center;}
form#subscribe {}
input#inpstyle {text-align: center;border-width:1px;border-style:solid;border-color:#dedede #bababa #aaa #bababa;-moz-box-shadow:0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
box-shadow:0 3px 3px rgba(255,255,255,.2), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;-webkit-box-shadow:0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;-moz-border-radius:4px;
padding:10px 0;border-radius:4px;-webkit-border-radius:4px;background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to (#eae8e8));
background-image:-webkit-linear-gradient(top, #f6f6f6, #eae8e8);background-image:-moz-linear-gradient(top, #f6f6f6, #eae8e8);background-image:-ms-linear-gradient(top, #f6f6f6, #eae8e8);
background-image:-o-linear-gradient(top, #f6f6f6, #eae8e8);background-image:linear-gradient(top, #f6f6f6, #eae8e8);}
#notice {opacity: 0;display: none;}


/* 6 - MEDIA QUERYS
================================================== */

  
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.logo p.custom_text {font-size: 35px; line-height: 40px;} 
input[type="email"] {width: 360px;} .main_wrapper {padding: 0 40px; margin-top: -45px;}
#Trigger, #Border {}
#clock {line-height: 60px;}
#clock ul li {font-size:14px;}
#clock ul li span {font-size:40px;}
.switch_out {display: none;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

.main_wrapper {margin-top: -50px;}
.footer {margin-top: 0px;}
#clock {line-height: 60px;}
.switch_out {display: none;}
}

@media (max-width: 280px) {

input[type="email"] {width: 170px;}
#clock ul {margin-bottom: 40px;}
#clock ul li {display:block; padding-bottom: 20px;}
#clock ul li span {display: block; padding-bottom: 10px;}
.switch_out {display: none;}
}

/* Target Mozilla */
@-moz-document url-prefix() { 
}





/* 7 - SWITCHER
================================================== */


#switch {float:left;display:block;background:#fff;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;position:absolute;left:0;top:20%;padding:15px 20px 15px 10px;}
#switch h4 {font-size:14px;}
#switch ul li {text-transform:uppercase;margin-bottom:0;font-size:12px;}
#switch ul li a {color:#4d4d4d;}
#show {position:absolute;left:0;top:20%;background:#fff;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;margin-top:10px;behavior:url(PIE.html);padding:15px 20px 15px 10px;}
#show h4,#hide {cursor:pointer;font-size:12px!important;font-weight:700;line-height:13px;}
#show h4 span,#hide span {font-weight:400;display:block;clear:both;}


/* 8 - BACKGROUND SLIDESHOW 
================================================== */
.mc-hide-scrolls{overflow:hidden;}
body .mc-cycle {height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1;}
div.mc-image {

	/* HERE CHANGE THE TIME TO TRANSITION BG IMAGES */

	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}
.mc-old-browser .mc-image {overflow:hidden;}