/*
	* Name: 						promarpanama-stylesheet.css
	* Description:					PROMAR PANAMA - Hoja de estilo 
	* Author: 						ANGEL GONZALEZ
	* For:							VISUAL ADVENTURES
	* Date last update:				08/06/2014
	*/
	

/* basic elements */
a {
	font: bold 8pt verdana, sans-serif;
	text-decoration: none;
	color: Gray;
}

a:visited {
	text-decoration: none;
	color: Gray;
}

a:hover {
	text-decoration: none;
	color: navy;
}

body{
	margin: 0;
	background-image: url(imagenes/bkground.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

#container {
	font: 75% georgia, sans-serif;
	line-height: 1;
	width: 640px;
	margin: auto auto auto auto;
	padding: 5% 5% 5% 5%;
	text-align: center;
	background-color: #e6e6e6;
	background-image: url(imagenes/wavecut.jpg);
	background-repeat: repeat;
	background-position: bottom;
}

#contenido{
	line-height: 1.88889;
	color: #555753;
	margin: 10px 40px 10px 40px;
}

#contenido1{
	line-height: 1.2;
	margin: 10px 40px 10px 100px;
	padding-left: inherit;
}

#contenido2{
	line-height: 1.2;
	margin: 10px 40px 10px 40px;
	padding-left: inherit;
}

#contenido3{
	margin: 10px 30px 10px 30px;
	float: left;
}

#contenido4{
	margin: 10px 10px 10px 25px;
}

#fotoheader{
	margin: auto 40px auto 40px;
	text-align: center;
}

#lenguajes{
	margin: auto 140px auto 140px;
	text-align: center;
}

#pie{
	margin: auto auto auto auto;
}

#pie2{
	margin: auto auto auto auto;
	text-align: center;
}

#textos_lenguajes{
	line-height: 1.88889;
	margin: auto auto auto auto;
	text-align: center;
}

h1 {
	font: italic normal x-small georgia, sans-serif;
	letter-spacing: 1px;
	color: Black;
	margin: 0px 20px 0 20px;
	text-align: left
}

h2 {
	font: bold 8pt verdana, sans-serif;
	text-decoration: none;
	color: Gray;
	text-align: center;
}

h3 {
	font: normal bold 1.2em georgia, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: Black;
}

h4 {
	font: italic bold small georgia, sans-serif;
	letter-spacing: 1px;
	color: navy;
	margin: 0px 60px 0 60px;
	text-align: left;
}

h5 {
	font: italic bold small georgia, sans-serif;
	color: navy;
	text-align: center;
}

/* menu */
nav{
	width: 640px;
	margin: 20px auto 10px auto;
	text-align: center;
}
	
nav ul{
		margin: 0;
		padding: 0;
}

nav li{
		margin: 0 2px; /* Add some horizontal spacing */
		display: inline-block;
		*display: inline; /* IE7 and below */
		zoom: 1;
}

nav a{
	display: inline-block;
	position: relative;
	padding: 6px 10px;
	border: 2px solid navy;
	text-decoration: none;
	color: #999;
	font: bold 10px 'Lucida sans', Arial, Helvetica;
	background-color: #eaeaea;
	background-image: linear-gradient(top, #eaeaea, #fff);
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset,
                                0 0 1px 0 rgba(0, 0, 0, .2),
                                0 2px 2px rgba(0, 0, 0, .3),
                                0 10px 10px -5px rgba(0, 0, 0, .2);
}

nav a:hover{
	background-color: white;
	background-image: linear-gradient(top, #eee, #fff);
}       

nav a:active{
        top: 1px; /* Simulate the push button effect */
        background: #f5f5f5;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset,
                                0 0 1px 0px rgba(0, 0, 0, .2),
                                0 1px 2px rgba(0, 0, 0, .3);
}

nav a::before{
        content: '';
        position: absolute;
        top: -9px;
        right: -9px;
        bottom: -9px;
        left: -9px;
        z-index: -1;
        background-color: #e3e3e3;
        background-image: linear-gradient(top, #e3e3e3, #f7f7f7);
        border-radius: 2px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05) inset;
}

nav a:active::before{
        top: -9px; /* Hey you, don't move! */
}

.theme-default #slider {
	margin: 20px auto 60px auto;
	width: 600px; /* Make sure your images are the same size */
	height: 450px; /* Make sure your images are the same size */
}