/* RESETEOS
-------------------------------------------------------------- */

* {
	border:						0px;
	margin:						0px;
	padding:					0px;
}

a {
	text-decoration:			none;
	color:						#4d5e85;
	font-weight: 				bold;
	font-size:					13px;
}

a:hover {
	text-decoration:			underline;
}

h1, h2, h3, h4, h5, h6 {
	padding:					0px;
	margin:						0px;
}

ul {
	list-style:					none;
}

p {
	margin:						2px 0px;
	color: 						#727272;
}

.disabled {
  display: 						none;
}

.selected {
  cursor: 						hand;
}

.selected:hover {
  cursor: 						hand;
  text-decoration:				none;
}

.clear {
	clear: both;
}


/* ESTRUCTURA
-------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* HEADER
-------------------------------------------------------------- */

.header {
	width: 100%;
	height: 52px;
	background: url(../img/header_bg.jpg) repeat-x;
}
.header .links {
	width: 950px;
	height: 52px;
	margin: auto;
}
.header .links ul {
	background: url(../img/header_links_bg.jpg) repeat-x left top;	
	/*width: 245px;*/
	height: 28px;
	float: right;
	padding-left: 15px;
	margin-top: 11px;
}
.header .links ul li {
	float: left;
	margin-right: 5px;
}
.header .links ul li a {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	line-height: 27px;
	font-family: 'Tahoma MS', Arial, Helvetica, sans-serif;
}
.header .links ul li a img {
	float: right;
	margin-left: 1px;
}


/* TOP
-------------------------------------------------------------- */

.top {
	width: 950px;
	height: 273px;
	margin: auto;
	position: relative;
}
.top .foto {
	position: absolute;
	left: 0px;
	top: -52px;
}
.top .title {
	position: absolute;
	top: 45px;
	left: 280px;
}


/* BODY
-------------------------------------------------------------- */

.body {
	width: 100%;
	height: 292px;
	background: url(../img/body_bg.jpg) repeat-x top;
}

#content {
	width: 950px;
	height: 292px;
	margin: auto;
}
#content ol {
	list-style: none;
}

.menu_about, .menu_services, .menu_contact {
	width: 41px;
	height: 292px;
	background-position: left top;
	background-repeat: no-repeat;
	border-right: 6px solid #fff;
	display: block;
	float: left;
}
h2.selected .menu_about, h2.selected .menu_services, h2.selected .menu_contact {
	background-position: right top;
}
.menu_about:hover, .menu_services:hover, .menu_contact:hover {
	background-position: right top;
}
.menu_about {
	background-image: url(../img/menu_about.png);
}
.menu_services {
	background-image: url(../img/menu_services.png);
}
.menu_contact {
	background-image: url(../img/menu_contact.png);
}

.section {
	background: url(../img/body_bg.jpg) repeat-x top;
}

.section .info {
	width: 745px;
	padding-left: 30px;
	padding-top: 20px;
	float: left;
	padding-right: 30px;
	width: 745px;
	height: 260px;
	overflow: auto;	
}

/* ACORDEON
-------------------------------------------------------------- */

.accordion { text-align: left;}
.accordion ol { position: relative; height:100%; overflow: hidden; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; }
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > .section { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/* ELEMENTOS
-------------------------------------------------------------- */

/* Botones */
.close {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 15px;
	top: 15px;
}

/* Formularios */
form {
	width: 100%;
	text-align: center;
/*	position: absolute;
	bottom: 15%; 
	left: 0;*/
}

form input {
	width: 395px;
	height: 17px;
	float: none;
	padding: 4px;
	margin-bottom: 3px;
	background: #fff;
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333333;
}

form input.enviar {
	background: none;
	color: #CC0000;
	width: auto;
	border-bottom: 1px solid #cc0000;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 45px;
	font-weight: bold;
}

form input.enviar:hover {
	cursor: pointer;
}

form textarea {
	width: 395px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding: 5px;
}