/* CSS Document -------------------------------------------------------------- */
/* RESET  -------------------------------------------------------------- */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	background-image:url(img/bg.jpg);
	background-position:top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#000000;
	color: #FFF;
	font-family: Arial, "Helvetica Neue", Helvetica, "Trebuchet MS", "Microsoft Sans Serif", sans-serif;
	font-size: 75%;
}
a {
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
}
a:hover, a:visited:hover {
	color: #FF8C00;
}
a:active {
	color: #FFFFFF;
}
a img {
	border: 0;
}
img {
	border:0;
}

iframe {
	margin-left: 25px;
	padding: 5px;
	border: 1px #FFF solid;
}

/*FEEDBACK*/

#feedback{
	display:block;
	height:90px;
	width:22px;
/*	margin:-45px 0 0;*/
	padding:0;
	position:fixed;
	top:45%;
	left:0%;
	z-index:8000;
}

#feedback a {
	background-color:#ed761b;
	display:block;
	height:90px;
	width:22px;
}

#feedback a:hover {
	background-color:#333;
	display:block;
	height:90px;
	width:22px;
}

/* GRID */
#contenedor {
	width: 940px;
	margin: 0 auto;
	clear:both;
}
/* CABECERA */
#cabecera {
	background-image:url('img/fndhead_3.jpg');
	background-repeat:no-repeat;
	background-position:center;
	height:130px;
}
#logo {
	padding-top:15px;
	/*padding-left:4px;*/
	width: 250px;
	height: 105px;
}
#contacto {
	width:235px;
	heigh:35px;
	float: right;
	background-image:url('img/bgcontact.png');
	background-position:right;
	background-repeat:no-repeat;
}
#contacto ul {
	margin-right:15px;
	margin-top:5px;
	list-style-type: none;
	text-align:center;
}
#contacto ul li {
	display: inline;
	float: right;
	width:90px;
	height:20px;
	padding-top:5px;
	margin-right:5px;
}
/*MENU PRINCIPAL*/
#menu {
	width: 940px;
	height:46px;
	margin-bottom:10px;
}
/* Everything CSS Sprite Menu */
ul#menu {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}
#menu li {
	overflow:hidden;
	text-indent:-9999px;
	display:inline;
	float:left;
	margin-right:4px;
}
#menu li a {
	background:url('img/spriteapertura.png') no-repeat;
	width:100%;
	height:100%;
	display:block;
}
/* Botón escuela */
#menu li.escuela {
	width:230px;
	height:36px;
}
#menu li.escuela a {
	background-position:0px -36px;
}
#menu li.escuela a:hover {
	background-position:0px 0px;
}
#menu li.escuela a.selected {
	background-position:0px -72px;
}
/* Botón Cursos */
#menu li.cursos {
	width:230px;
	height:36px;
}
#menu li.cursos a {
	background-position:-238px -36px;
}
#menu li.cursos a:hover {
	background-position:-238px 0px;
}
#menu li.cursos a.selected {
	background-position:-238px -72px;
}
/* Botón instalaciones */
#menu li.instalaciones {
	width:230px;
	height:36px;
}
#menu li.instalaciones a {
	background-position:-472px -36px;
}
#menu li.instalaciones a:hover {
	background-position:-472px 0px;
}
#menu li.instalaciones a.selected {
	background-position:-472px -72px;
}
/* Botón actividades */
#menu li.actividades {
	width:230px;
	height:36px;
}
#menu li.actividades a {
	background-position:-706px -36px;
}
#menu li.actividades a:hover {
	background-position:-706px -0px;
}
#menu li.actividades a.selected {
	background-position:-706px -72px;
}
#menuD {
	width: 960px;
	margin-bottom: 10px;
}
#menuD ul {
	list-style-type: none;
}
#menuD ul li {
	height: 42px;
	width:230px;
	clear:right;
	float: left;
	margin-left: 7px;
	margin-bottom: 10px;
}
#menuD ul li a {
	height: 42px;
	background-image:url('img/fnd_menu.gif');
	background-repeat:repeat-x;
	padding-bottom:0;
	padding-top: 6px;
	margin: 0;
	color: #000;
	text-decoration: none;
	display: block;
	font-size: 1.3em;
}
#menuD ul li a:hover, #menuD ul li a:visited:hover {
	color: #FFF;
	height: 42px;
	background-image:url('img/fnd_menu_activo.gif');
	background-repeat:repeat-x;
}
.selectedD {
	color:#FFF;
	font-size: 1.3em;
	height: 42px;
	background-image:url('img/fnd_menu_activo.gif');
	background-repeat:repeat-x;
	padding-bottom:0;
	padding-top: 6px;
	margin: 0;
}
/*CUERPO*/
#cuerpo {
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	clear: both;
}
/*sub menus escuela y fotografos*/
#menufotog {
	background-image: url('img/fndfotog.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 110px;
	width: 550px;
}
#menumultimedia {
	background-image: url('img/fndcdesign.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 110px;
	width: 550px;
}
#menucontenido {
	background-image: url('img/fndcuerpo.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 110px;
	width: 550px;
}
#menusec {
	float: right;
	width:240px;
	text-align:center;
	margin:15px 15px 0px 0px;
}
#menusec ul {
	list-style-type: none;
}
#menusec li {
	float: right;
	display:block;
	width:115px;
	height:30px;
	margin:0px 0 0px 5px;
	padding: 5px 0px 0px 0px;
}
#menusec li a {
	background-image:url('img/fnd_bot_menu.gif');
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:115px;
	height:30px;
	padding-top: 10px;
}
#menusec li a:hover, #menusec li a:visited:hover {
	color:#FFFFFF;
	background-image:url('img/fnd_bot_menu_activo.gif');
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:115px;
	height:30px;
	padding-top: 10px;
}
#banners {
	float: left;
	width: 335px;
	padding-left: 5px;
}
.adsbig {
	width: 335px;
	padding-top:3px;
	margin-bottom: 15px;
	border:#FFFFFF solid 1px;
}


.adssmall {
	width: 335px;
	margin-bottom: 15px;
}

#contenido {
	float: right;
	width: 560px;
}
#separa {
	margin-top: 20px;
	padding-top:20px;
	clear: both;
}
#textocentral {
	margin-top: 10px;
	margin-bottom: 10px;
}
#textocentral h1 {
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0.5em;
	padding-bottom: 4px;
	margin-right: 10px;
	border-bottom: 1px dashed #FFFFFF;
}
#textocentral h2 {
	font-size: 1.5em;
	margin-bottom: 0.75em;
}
#textocentral h3 {
	font-size: 1.3em;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: 1em;
}
#textocentral h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
#textocentral h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
#textocentral h6 {
	font-size: 1em;
	font-weight: bold;
}
#textocentral p {
	font-size: 1em;
	line-height:1.5em;
	text-align: justify;
}

#textocentral a {
	text-decoration:underline;
}

#textocentral a:visited {
	color:#CCCCCC;
	}

#textocentral hr {
	margin: 5px 0 5px 0;
	border: 0;
	width: 90%;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
}

#textocentral ul {
	/*list-style: disc;*/
	list-style-image: url('img/list_img.gif');
	/*color: #FF8C00;*/
	margin-left: 15px;
	padding-left: 15px;
}
#textocentral li {
	color: #FFFFFF;
	margin-bottom: 5px;
}
.galeria {
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	border:solid 1px #FFF;
}
.titulocurso {
	color:#FF6600;
	text-decoration: underline;
	font-weight:bold
}
/*SEPARACION SECCION*/

#separa img {
	margin-top: 10px;
	padding-top: 5px;
}
/*PIE*/
#extra {
	width:100%;
	clear:both;
	margin-top: 10px;
	border-top: 2px solid #ed761b;
}
#pie {
	margin-top:10px;
	margin-bottom: 10px;
}
#logopie {
	float:left;
	margin-right:30px;
}

#pie ul {
	margin-left:80px;
	margin-bottom: 10px;
}
#pie li {
	display: inline;
	list-style: none;
}
ul#menupie  {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
ul#menupie li {
	border-left: 1px solid #FFF;
	padding: 0px 8px;
	display: inline;
}
ul#menupie li.first {
	border: 0px none;
}
ul#menupie a:link, #footer a:visited {
	text-decoration: none;
}
.direccion {
	margin-right: 5px;
}
/*TABLA HORARIOS*/

table.design {
	border-spacing: 0px;
	border-collapse: collapse;
}
table.design th {
	text-align: left;
	padding: 0.1em 0.5em;
	border-bottom: 2px solid #000000;
	background: #666;
}
table.design td {
	text-align: left;
	font-weight:bold;
	border-bottom: 2px solid #000000;
	padding: 0.1em 0.5em;
	background: #F48C22;
}
table.design thead th {
	background: #666;
	color: #FFFFFF;
	text-align: left;
}
table.design th.corner {
	text-align: left;
	padding-left:5px;
	font-size:large;
}
table.design td.none {
	border-bottom: 2px solid #000000;
	background: #000;
}
/*formularios*/
form {
	margin: 0;
}
fieldset {
	border: 0;
	padding: 5px;
}
label, input[type=text], input[type=password] {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
label {
	color: #FFFFFF;
	text-align: right;
	width: 140px;
	padding-right: 10px;
}
input[type=text], input[type=password] {
	border: 1px solid #999999;
	background-color: Black;
	padding-left: 5px;
}
select {
	border: 1px solid #ccc;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	background-color: Black;
	color: White;
}
textarea {
	border: 1px solid #ccc;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding-left: 5px;
	background-color: Black;
	color: White;
}
.submit {
	background-color: #464646;
	border-top: 1px solid Silver;
	border-left: 1px solid Silver;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #575757;
	margin-top:10px;
	margin-bottom:10px;
	color: #F5F5F5;
}
form br {
	clear: left;
}
.etiqueta_comentario {
	margin-left: 5px;
	margin-bottom: 1px;
}
.input_gray {
	color: #FFF;
}
#envio {
	text-align: right;
	padding-right: 200px;
}

/* slideshow de instalaciones*/

#slideshow3 {
	border: 1px solid #FFFFFF;
	margin-top:10px;
}

.pics {
	height: 350px;
	width: 525px;
	padding:0;
	margin:0;
	overflow: hidden
}

/* TYPO

This is where you set your desired font size. The line-heights 
and vertical margins are automatically calculated from this. 
The percentage is of 16px (0.75 * 16px = 12px). */


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */

h1, h2, h3, h4, h5, h6 {
	color: #FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 2em;
	margin-bottom: 0.75em;
}
h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: 1em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
/* Text elements
-------------------------------------------------------------- */
blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic; /*background: #ffc;*/
}
dfn {
	font-weight: bold;
}
pre, code {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 1.5;
}
tt {
	display: block;
	margin: 1.5em 0;
	line-height: 1.5;
}
/* Some default classes
-------------------------------------------------------------- */
.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.orange {
	color: #FF8C00;
}
.quiet {
	color: #666;
}
.hide {
	display: none;
}
.highlight {
	background: #FF6000;
	color: Black;
}
.added {
	color: #326600;
	text-decoration: blink;
}
.removed {
	color: #FFA500;
	text-decoration: line-through;
}
.imgleft {
	float:left;
	padding-right:10px;
	padding-bottom: 6px;
}
.right {
	float:right;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}