/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}
  
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

body {
	background: url(../images/textura-fondo.png);
	-webkit-font-smoothing: antialiased;
	}

a {
	color: #06c;
	}

.page-wrapper {
	margin: 0 auto;
	width: 960px;
	}

header {
	margin: 15px 0;
	}

#logo {
	float: left;
	height: 74px;
	margin-bottom:15px;
	width: 200px;
	}

nav ul {
	float: right;
	margin-left: 10px;
	}

	nav ul li ul li {
		margin-top: 5px;
	}

nav a {
	text-decoration: none;
	}

nav li a {
	background-color: rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	border-radius: 5px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
		-ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
		-o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	padding: 7px;
	position: relative;
	color: #fff;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	}

	nav li a:hover {
		margin-top: 1px;
		background-color: rgba(0, 0, 0, 0.4);
			-webkit-transition-property: all;
			-moz-transition-property: all;
			-ms-transition-property: all;
			-o-transition-property: all;
		transition-property: all;
			-webkit-transition-duration: 0.1s;
			-moz-transition-duration: 0.1s;
			-ms-transition-duration: 0.1s;
			-o-transition-duration: 0.1s;
		transition-duration: 0.1s;
			-webkit-transition-timing-function: linear;
			-moz-transition-timing-function: linear;
			-ms-transition-timing-function: linear;
			-o-transition-timing-function: linear;
		transition-timing-function: linear;
			-webkit-transition-delay: 0;
			-moz-transition-delay: 0;
			-ms-transition-delay: 0;
			-o-transition-delay: 0;
		transition-delay: 0;
		}

.arrow {
	background-image: url(../images/arrow-up-down.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 7px;
	margin-bottom: 3px;
	vertical-align: text-bottom;
	width: 14px;
}

.arrow-down {
	background-position: bottom;
}

.arrow-up {
	background-position: top;
}

#listado {
	display: none;
	margin-left: 0;
	position: absolute;
}

.ayuda {
	background-color: #C50E1F;
}
	.ayuda:hover {
		background-color: #A61519;
	}

.tienda {
	background-color: #fc5514;
}
	.tienda:hover {
		background-color: #ce3506;
	}

#header-content {
	height: 186px;
	width: 944px;
	/* background: url("../images/software-hotel-2.jpg") no-repeat; */
	/* background: url("../images/slide-distri2.jpg") no-repeat; */
	/* background: url("../images/software_tourism.jpg") no-repeat; */
	/*background: url("../images/feria-software-turismo-peru.jpg") no-repeat;*/
	border: 8px solid #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	border-radius: 5px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	clear:both;
	}

#page-home {
	color: #4d4a47;
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	min-height: 344px;
	}

	#page-home h3 {
		font-size: 25px;
		}
		
#titulo {
	clear: both;
	margin: 35px auto 15px 0 !important;
	}

	#titulo h1 {
		font-size: 60px;
		font-weight: bold;
		letter-spacing: -2px;
		margin: 25px 0 35px 0;
		text-align: center;
		text-shadow: 0 1px 0 #fff;
		}

#flechas {
	position: relative;
	top: -30px;
	z-index: 99;
	height: 20px;
	}

	#flechas img {
		margin-left: 165px;
		vertical-align: top;
		}

	#flechas #flecha-turismo {
		margin-top: 10px;
		}

	#flechas #flecha-hosteleria {
		margin-left: 225px;
		margin-top: -5px;
		}

#turismo, #hosteleria, #gestion {
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid #ccc;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	border-radius: 10px;
		-webkit-box-shadow: 0 1px 0 white, inset 0 1px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 0 white, inset 0 1px 2px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0 1px 0 white, inset 0 1px 2px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0 1px 0 white, inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 white, inset 0 1px 2px rgba(0, 0, 0, 0.1);
	float: left;
	height: 180px;
	margin: 10px 24px 20px 24px;
	position: relative;
	width: 270px;
	}

	#turismo h3, #hosteleria h3, #gestion h3 {
		font-family: "Droid Sans", Arial, sans-serif;
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 20px 20px 5px 20px;
		}

	#turismo ul, #hosteleria ul, #gestion ul {
		font-size: 14px;
		list-style-position: inside;
		list-style-type: square;
		padding: 0 20px;
		}

	#turismo ul li, #hosteleria ul li, #gestion ul li {
		color: #777;
		margin: 3px 0;
		}

	#turismo p:last-child, #hosteleria p:last-child, #gestion p:last-child {
		background-color: #e0e1e2;
			background-image: -webkit-linear-gradient(top, #f3f3f3, #e0e1e2);
			background-image: -moz-linear-gradient(top, #f3f3f3, #e0e1e2);
			background-image: -ms-linear-gradient(top, #f3f3f3, #e0e1e2);
			background-image: -o-linear-gradient(top, #f3f3f3, #e0e1e2);
		background-image: linear-gradient(top, #f3f3f3, #e0e1e2);
		background-repeat: repeat-x;
			-webkit-border-radius: 0 0 10px 10px;
			-moz-border-radius: 0 0 10px 10px;
			-ms-border-radius: 0 0 10px 10px;
			-o-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
			-webkit-box-shadow: 0 -1px 0 #dddddd;
			-moz-box-shadow: 0 -1px 0 #dddddd;
			-ms-box-shadow: 0 -1px 0 #dddddd;
			-o-box-shadow: 0 -1px 0 #dddddd;
		box-shadow: 0 -1px 0 #dddddd;
		bottom: 0;
		position: absolute;
			-webkit-transition-property: all;
			-moz-transition-property: all;
			-ms-transition-property: all;
			-o-transition-property: all;
		transition-property: all;
			-webkit-transition-duration: 0.1s;
			-moz-transition-duration: 0.1s;
			-ms-transition-duration: 0.1s;
			-o-transition-duration: 0.1s;
		transition-duration: 0.1s;
			-webkit-transition-timing-function: linear;
			-moz-transition-timing-function: linear;
			-ms-transition-timing-function: linear;
			-o-transition-timing-function: linear;
		transition-timing-function: linear;
			-webkit-transition-delay: 0;
			-moz-transition-delay: 0;
			-ms-transition-delay: 0;
			-o-transition-delay: 0;
		transition-delay: 0;
		}

	#turismo p:last-child a, #hosteleria p:last-child a, #gestion p:last-child a {
		background: url("../images/flecha-seccion.png") no-repeat 95% 50%;
		border-top: 1px solid #fff;
		color: #07c;
		display: block;
		font-family: "PT Sans", Arial, sans-serif;
		font-size: 13px;
		padding: 10px 20px;
		text-decoration: none;
		text-shadow: 0 1px 1px #fff;
		width: 230px;
		}

	#turismo p:last-child:hover, #hosteleria p:last-child:hover, #gestion p:last-child:hover {
		background-position: 0 -17px;
		}

footer {
	background: url("../images/followers.png") no-repeat 43% 10%;
	height: 300px;
	background-color: rgba(0, 0, 0, 0.75);
	border-top: 1px solid #fff;
		-webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.8);
		-ms-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.8);
		-o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.8);
	margin-top: 65px;
	}

	footer a {
		color: #a3d6f5;
		}

	footer #enlaces-pie {
		clear: both;
		text-align: center;
		}

		footer #enlaces-pie li {
			color: #666;
			display: inline-block;
			font-family: "PT Sans", Arial, sans-serif;
			font-size: 11px;
			margin: 100px 15px 0 0;
		}

	footer #redes-sociales {
		clear: both;
		float: right;
		margin-right: 140px;
		padding: 75px 0 0;
		}
		
		footer #redes-sociales li {
			margin-top: 5px;
			}