/***<div class="slide" id="slide" data-stellar-background-ratio="0.5">	****/
/***********************************SLIDE START ************************************/

html,body{
	width:100%;
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.slide{
	background-attachment: fixed;
	width:100%;
	height:220px;
	position: relative;
}


#slide{
	background-image:url(http://latradicion.com/images/header_image_inner.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slide2{
	background-attachment: fixed;
	width:100%;
	height:140px;
	position: relative;
}

#slide2{
	background-image:url(images/bg_blur.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/***********************************SLIDE END ************************************/

body,td,th {
	font-family:'latoregular';
	font-size: 16px;
	line-height:18px;
	color:#000000;
	background-color:#f8f8f8;
}

a, a:link,
a:visited {
	font-family:'latoregular';
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color:#670000 ;
	outline: none;
	text-decoration:none;
	font-size:16px ;
	}
a:hover {font-family:'latoregular'; font-size:16px; color:#000000; text-decoration:none;}


@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato/lato-regular-webfont.eot');
    src: url('fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('hfonts/lato/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light/lato-light-webfont.eot');
    src: url('fonts/lato-light/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'existencelight';
    src: url('fonts/existence/existence-light-webfont.eot');
    src: url('fonts/existence/existence-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/existence/existence-light-webfont.woff') format('woff'),
         url('fonts/existence/existence-light-webfont.ttf') format('truetype'),
         url('fonts/existence/existence-light-webfont.svg#existencelight') format('svg');
    font-weight: normal;
    font-style: normal;

}


.menu {font-family:'arsenalregular'; font-size:14px; color:#707070; text-decoration:none; padding:0 10px 0 10px;}
a.menu:link {font-family:'arsenalregular';font-size:14px; color:#707070; text-decoration:none; padding:0 10px 0 10px;}
a.menu:hover {font-family:'arsenalregular'; font-size:14px;color:#ffffff !important;text-decoration: none;  padding:0 10px 5px 10px;}
a.menu:visited {font-family:'arsenalregular'; font-size:14px;color:#707070; text-decoration:none; padding:0 10px 0 10px;}
a.menu:active {font-family:'arsenalregular'; font-size:14px;color:#707070; text-decoration:none; padding:0 10px 0 10px;}

.sitemap {font-family:'latolight'; font-size:12px; color:#a3a3a3; text-decoration:none; line-height:16px;}
a.sitemap:link {font-family:'latolight';font-size:12px; color:#a3a3a3; text-decoration:none; text-transform:uppercase;}
a.sitemap:hover {font-family:'latolight'; font-size:12px;color:#ffffff !important;text-decoration: none; text-transform:uppercase;}
a.sitemap:visited {font-family:'latolight'; font-size:12px;color:#a3a3a3; text-decoration:none; text-transform:uppercase;}
a.sitemap:active {font-family:'latolight'; font-size:12px;color:#a3a3a3; text-decoration:none; text-transform:uppercase;}

hr { border: 0; border-bottom: 1px dashed #c6c6c6; margin: 40px 0 40px 0;}
hr.nomargin { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(165, 165, 165, 0.75), rgba(0, 0, 0, 0));}

/********************************************************************************************/

.TTGDesign, .TTGDesign:link, .TTGDesign:visited, .TTGDesign:active {font-family:'latolight'; font-size:12px; color:#a3a3a3; text-decoration:none; }
.TTGDesign:hover {font-family:'latolight'; font-size:12px; color:#ffffff; text-decoration:none; }

.footer {padding:20px 0 30px 0; text-align:center;}

.tabs {text-align:center;}
.logo_inner { text-align:center; padding:20px 5%;}


h1 {font-family: 'existencelight'; font-size:30px; font-weight:100; line-height:32px; text-transform:uppercase; color:#670000;}
h2 {font-family: 'existencelight'; font-size:30px; font-weight:100; line-height:32px;}




/*MENU STYLE*/

#main-nav	{
	font-family: 'latoregular'; font-weight:300; font-size:12px; text-decoration:none; 
	height: 35px; /* set to the height you want your menu to be */
	margin: 0; /* just to give some spacing */

}
#main-nav ul	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	position: relative;
 	position: absolute !ie7; /* For IE7 only */
 	z-index: 2;
	z-index:9999;
}
#main-nav li	{
	display: block ;
	float:left ;
	line-height: 20px; /* this should be the same as your #main-nav height */
	height: 35px; /* this should be the same as your #main-nav height */
	margin: 0;  /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */

}


#main-nav li a	{
	font-family: 'latoregular'; font-weight:300; font-size:12px; color:#000000; text-decoration:none; text-transform:uppercase;
	display: block;
	height: 27px;
	line-height: 24px;
	padding:5px 10px;
}

#main-nav .current-menu-item a, #main-nav .current_page_item a {
	color: #670000;
	padding:5px 10px;
}

#main-nav a:hover{
	color: #670000;
}



#main-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 35px; /* this should be the same height as the top level menu -- height + padding + borders */
	
}
#main-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 100px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	background-color:#f8f8f8;
	height:35px;
	
}
#main-nav ul ul li a { /* target all sub menu item links */
	 /* give our sub menu links a nice button feel */
	text-indent:10px;
	color:#000000!important;
}

#main-nav ul ul li a:hover { /* target all sub menu item links */
	 /* give our sub menu links a nice button feel */
	 color:#670000!important;
}



#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */

}

#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}




/************************************************************** BLOG START */


.widget-title {padding: 15px 15px 5px 15px; color:#9B9B9B; border-bottom:1px #1e1e1e solid;}

.textwidget {padding:0 5%;}
.post {margin-bottom: 5px; border-bottom: 0px solid #545454; margin-bottom:5px;}
.post:last-child {border-bottom:0;}

.nav-next {background-color: #49403a; padding: 10px; position:relative;}
.nav-previous {background-color: #161210; padding: 10px; position:relative;}



.alignleft {
    float: left; margin:5px 15px 10px 0; 
}
.alignright {
    float: right; margin:5px 0px 15px 15px; 
}

.aligncenter {
    float:none; margin:20px 15px 15px 0; 
}

.entry-content img {margin:5px 15px 15px 0;}
.entry-header {text-align:left;}

/* -------------------------------------- post title START */
.entry-title {text-align:left; text-transform:uppercase;}
.entry-title a {text-align:left; font-size:24px; color:#ffffff; text-transform:uppercase;}
/* -------------------------------------- post title END */

.entry-meta { display:none;}
.entry-meta a {text-align:left;  font-family:'cuprumregular'; font-size:16px;  color:#3598db;}

/* -------------------------------------- listing START */
ul, ol { margin : 0 0 1.5em 0; padding : 10px 0 0 50px; text-align:left; list-style-image: url('http://www.laurentbrondel.com/images/list_dot.png'); list-style-position:inside; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
/* -------------------------------------- listing END */

#postend {background:#CCCCCC; height:1px; width: 100%; margin:20px 0 20px 0;}
.sidebar_holder {background:#f1f1f1; padding:25px; margin-bottom:30px;}

.wp-caption-text {padding: 15px; background-color: #0e0e0e; margin: 0;}


input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

/* -------------------------------------- blockquote START */
blockquote {
	font-size: 18px;
	line-height: 20px;
	width: 90%;
	margin: 0.25em 0;
	padding: 0 40px;
	position: relative;
	color: #9f9f9f;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: 10px;
	top: 10px;
	color: #d49f10;
}

blockquote cite {
	color: #9de3b5;
	font-size: 14px;
	display: block;
	margin-top: 0px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}
/* -------------------------------------- blockquote END */