/*
Theme Name: Lauraff.com
Theme URI: http://www.lauraff.com
Description: Lauraff WordPress theme
Version: 1
Author: José Ramón Grela León
Author URI: http://www.cervezadinosauriosysexoadolescente.com
*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	font-family: 'Exo', sans-serif; color: #000000; line-height: 24px;
}

bodyesp {
	font-family: 'Exo', sans-serif; color: #696969; line-height: 24px;
}

back-top {font-family: 'exo', sans-serif; font-weight: 700;}

h1 {color: #000000; font-family: 'syncopate', sans-serif; font-size: 21px; line-height: 21px;}
h2 {color: #696969; font-family: 'syncopate', sans-serif; font-size: 21px; line-height: 21px;}

	.class1 a:link {color: #000000; text-decoration: none;}
	.class1 a:visited {color: #000000; text-decoration: none;}
	.class1 a:hover {color: #4ebe8c; text-decoration: none;}
	.class1 a:active {color: #4ebe8c; text-decoration: none;}
	
	.class2 a:link {color: #4ebe8c; text-decoration: none;}
	.class2 a:visited {color: #4ebe8c; text-decoration: none;}
	.class2 a:hover {color: #4ebe8c; text-decoration: none;}
	.class2 a:active {color: #4ebe8c; text-decoration: none;}
	
	.class3 a:link {color: #696969; text-decoration: none;}
	.class3 a:visited {color: #696969; text-decoration: none;}
	.class3 a:hover {color: #696969; text-decoration: none;}
	.class3 a:active {color: #696969; text-decoration: none;}
	
	.class4 a:link {color: #ffffff; text-decoration: none;}
	.class4 a:visited {color: #ffffff; text-decoration: none;}
	.class4 a:hover {color: #ffffff; text-decoration: none;}
	.class4 a:active {color: #ffffff; text-decoration: none;}
	
relative	{position:relative;}
 	
	
h5	{display: none;
	position:absolute;
	white-space:nowrap;
	width: auto;
	left: -15px;
	top: -40px;
	font-size: 16px;
	padding:5px;
	color:#000;
	background:##696969; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#000000));
	background:-moz-linear-gradient(#4ebe8c, #4ebe8c);
	background:-o-linear-gradient(#f9d835, #f3961c);
	background:linear-gradient(#f9d835, #f3961c);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}

h4:hover h5 {display: inherit;}
	
h4 {float: left; padding-right: 8px;}

strong { font-weight: bold; }

small { font-size: 12px; }

logo { float: left; margin-top: 5px; margin-right: 10px; }

logo2 { float: left; margin-top: 5px;}

#contact {float: both; padding-bottom: 1px;}
	
	
#topbar {
		width: 100; height: 60px; overflow-x: hidden; overflow-y: hidden;
		}
		
#wrapper {
	padding: 0px 0 0px 0px;
}

#container {
	width: 900px; margin: 0 auto; overflow: hidden;
}

#button {
	width: 294px; height: 62px; background: url(img/button.jpg); ;
}

#buttonend {
	width: 294px; height: 30px; background: url(img/button.jpg); ;
}

#buttonon {
	width: 294px; height: 62px; background: url(img/button_pressed.jpg);
}

#contact { margin-top: 20px; margin-bottom: 60px;
}

	#nav {
		width: 294px; height: 800px; float: left; text-align: left; margin-top: 22px;
		background: url(img/sidebar1.png) 0 0 no-repeat;
		}
  			
		#nav h1 {
			font-family: 'syncopate', sans-serif; height: 92px; 
			line-height: 29px; font-size:27px;
			
			}
		
		#nav h2 {
			font-family: 'exo', sans-serif; font-weight: 400;
			font-size:19px; color: #000000
			}
			
		#nav h3 {
			font-family: 'exo', sans-serif; font-weight: 400;
			font-size:19px; color: #696969; 
			}
			
		#nav ul {
			list-style: none;
			margin: 30px 0px 0px 0; list-style: none;
		}
			#nav ul li a {
				position: relative; top: 10px; font-family: 'syncopate', sans-serif; font-size: 21px; line-height: 21px;
			}
			
			#nav ul li2 a {
				position: relative; top: 22px; font-family: 'syncopate', sans-serif; font-size: 21px; line-height: 21px;
			}
			
						#nav ul lion a {
				position: relative; top: 10px; font-family: 'syncopate', sans-serif; font-size: 21px; line-height: 21px;
			}
			
			
#main {
		width: 590px; float: right; margin-top: 22px;	
	}