@charset "utf-8";
/* CSS Document */

#art-main
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   text-align: justify;
   border:0px;
   width: 800px;
   margin: auto;
  
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
	margin: 0;
	padding: 0;
	font-style: normal;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}


body
{
	padding: 0;
	margin:0;
	min-width: 600px;
	color: #FFF;
	background-color: #63AFDE;
	background-image: url('images/Page-BgSimpleGradient.jpg');
	background-repeat:  repeat;
	background-attachment: scroll;
	background-position: top center;
	text-align:center;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}






/* barra superior*/

#barsuperior
{
	width=:100%;
	text-size:11px;
	text-align:center;
	min-height:36px;
	background-color:#242e35;
	font-family: Arial, Helvetica, Sans-Serif;
	}
#barsuperior li 
{
	list-style:none; 
	float:left; 
	margin:10px 10px 10px 20px; 
	padding: 0px 40px 0px 0px; 
	
	}
#barsuperior a 
{
	color: #B0C4DE ; 
	text-decoration:none ;
	display: block 
	}
	
	#barsuperior a.active
{
	color: white;
	font-weight:bold;
	}
	
	
#barsuperior a:link {}
#barsuperior a:visited {}
#barsuperior a:hover {color:white ;  }
#barsuperior a:active { }

#barsuperior p
{
	margin:10px 30px 0px 0px;
	float:right;
	text-align:center;
}

#barsuperior p img {
				vertical-align: middle;
			}


/*cabecera*/

#cabecera{
	width:100%;
	height:100%;
	background-position:center;
}

/*fin cabecera*/



/*principal*/

#principal
{
	width:100%;
	min-height:200px;
	background-color:white;	
	
}
#partesup
{
	width:100%;
	background-color:#242e35;
	float:left;
	border:1px solid #242e35;
	font-family: Arial, Helvetica, Sans-Serif;
}
#parte1
{ 
background-color:#242e35;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 30px;
float:left;
width:20%;
}

#parte2
{ 
background-color:#242e35;
margin:20px 30px 10px 15px;
padding:0px 0px 0px 20px;
color: white;
float:left;
width:65%;
}

#parte2 .destacado
{
	background:#B5DAF0;
	color:#000;
	border:1px solid white;
	margin:25px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	font-size: .8em;
	display:block;
}

#parteinf
{
width:100%;
float:left;
background-color:white;	
border:1px solid #242e35;
}


#parteinf img
{
	border: 1px double #295d6e;
	text-align: center;
	padding:1px;
}

#parteinf a{cursor:pointer;}
#parteinf a:link {}
#parteinf a:visited {}
#parteinf a:hover {color:#F69 ;}
#parteinf a:active {}



#caja1
{
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
float:left;
width:25%;
color:#000;
min-height:100px;
border-right:1px solid #295d6e;
}

#caja2, #caja3 
{
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
float:left;
width:25%;
color:#000;
min-height:100px;
border-right:1px solid #295d6e;
}

#caja4
{ 
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
float:left;
width:24%;
color:#000;
min-height:100px;
}
#lateral
{ 
margin:15px 0px 15px 0px;
padding:10px 0px 10px 0px;
float:right;
width:24%;
color:#000;
}

#parteinf h3, #parteinf h3 a 
{ 
color:#295d6e;
font-size:12px;
text-align:center;
text-decoration:none;
}

#parteinf h2
{ 
color:#295d6e;
font-size:14px;
text-decoration:none;
}

#contenido
{
	margin:10px 0px 25px 0px;
	padding:10px 20px 0px 20px;
	float: left;
	width:70%;
	color:#000;
	border-right:1px solid #295d6e;
	font-family: Arial, Helvetica, sans-serif;
}

#mapa
{
	margin:10px 0px 25px 0px;
	padding:10px 20px 0px 20px;
	float: left;
	width:90%;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
}

#contenido p
{
	text-align:justify;
	margin:5px 10px 0px 0px;
}

#contenido li, #mapa li
{
	list-style:inside;	

}

#contenido ol li, #mapa ul li
{
	list-style:lower-latin;	
	margin:0px 0px 0px 40px;
}

#mapa a
{
	 text-decoration:none;
}

#mapa ul li
{
	list-style:circle;
	margin:0px 0px 0px 40px
	
}
#mapa ul ul li
{
	list-style:inside;	
	margin:0px 0px 0px 40px;
}

#mapa ul ul ol 
{
	list-style:inside;
	margin:0px 0px 0px 40px;
}
#contenido ol li li,  
{
	list-style:lower-roman;	
	
}


#contenido img
{
	margin:10px 15px 5px 10px;
}

#contenido table img
{
	margin:0px 0px 0px 0px;
}



.piefoto
{
	font-size:10px;
	text-align:center;
}

div label 
{
width: 30%;
float: left;
}

input:focus {
border: 2px solid #000;
background: #F3F3F3;
}

/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.art-menu li li
{
	float: none;
}

.art-menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}

.art-menu ul
{
	background-image: url(images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}





/* menu structure */

.art-menu
{
	padding: 0px 0px 0px 0px;
}

.art-nav
{
	position: relative;
	height: 26px;
	z-index: 100;
}

.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 26px;
	background-image: url('images/nav.png');
}

.art-nav .l
{
	left: 0;
	right:0px;
}

.art-nav .r
{
	right: 0;
	width: 784px;
	clip: rect(auto, auto, auto, 784px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}

	
.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 26px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}


.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 78px;
	background-image: url('images/MenuItem.png');
}

.art-menu a .l
{
	left:0;
	right:0px;
}

.art-menu a .r
{
	width:400px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t 
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
	color: #C5D0D8;
	padding: 0 12px;
	margin: 0 0px;
	line-height: 26px;
	text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-26px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-26px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-26px;
}
.art-menu a:hover .t
{
	color: #ECF2F4;
}

.art-menu li:hover a .t
{
	color: #ECF2F4;
}

.art-menu li:hover>a .t
{
	color: #ECF2F4;
}


.art-menu a.active .l, .art-menu a.active .r
{
	top: -52px;
}

.art-menu a.active .t
{
	color: #CBE4EC;
}


/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
	display: block;
	width: 1px;
	height: 26px;
	background-image: url('images/MenuSeparator.png');
}

/* end MenuSeparator */

/* begin MenuSubItem */

.art-menu ul p
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 30px;
	width: 300px;
	overflow:hidden;
	line-height: 32px;
	margin-right: auto;
	background-image: url('images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #6AB2C8;
}
.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 30px;
	width: 300px;
	overflow:hidden;
	line-height: 32px;
	margin-right: auto;
	background-image: url('images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #6AB2C8;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span, .art-menu ul p
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 32px;
	color: #2D3A43;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
}

.art-menu ul ul a
{
	margin-left: auto;
}

.art-menu ul li a:hover
{
	color: #000000;
	border-color: #439CB6;
	background-position: 0 -32px;
}

.art-menu ul li:hover>a
{
	color: #000000;
	border-color: #439CB6;
	background-position: 0 -32px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #000000;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #000000;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 800px;
	min-width:15px;
	min-height:15px;
}

.art-Sheet-body
{
	position: relative;
	z-index: 1;
	padding: 8px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
	position:absolute;
	z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
	width:26px;
	height: 26px;
	background-image: url('images/Sheet-s.png');
}

.art-Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 13px, 13px, auto);
}

.art-Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 13px, 13px);
}

.art-Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(13px, 13px, auto, auto);
}

.art-Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(13px, auto, auto, 13px);
}

.art-Sheet-tc, .art-Sheet-bc
{
	left: 13px;
	right: 13px;
	height: 26px;
	background-image: url('images/Sheet-h.png');
}

.art-Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 13px, auto);
}

.art-Sheet-bc
{
	bottom: 0;
	clip: rect(13px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
	top: 13px;
	bottom: 13px;
	width: 26px;
	background-image: url('images/Sheet-v.png');
}

.art-Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 13px);
}

.art-Sheet-cl
{
	left:0;
	clip: rect(auto, 13px, auto, auto);
}

.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 13px;
	left: 13px;
	right: 13px;
	bottom: 13px;
	background-color: #232D34;
}


.art-Sheet
{
	margin-top: 30px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:800px;
}

/* end Box, Sheet */

/* begin sMenu */
#smenu{ width=:600px; float:left; text-size:10px; margin-left:5px;}
#smenu li {list-style:none; float:left; margin:10px 5px 5px 0px; padding: 0px 5px 0px 0px; border-right:#242e35 1px solid;}
#smenu a {
	color: #39C;
	text-decoration:none;
	display: block
}
#smenu a.active {color:#F69;}
#smenu a:link {}
#smenu a:visited {}
#smenu a:hover {color:grey ;  }
#smenu a:active {}
/* smenu bar */


/* begin Button */


.button {
   border-top: 1px solid #384147;
   background: #16343d;
   background: -webkit-gradient(linear, left top, left bottom, from(#295d6e), to(#16343d));
   background: -webkit-linear-gradient(top, #295d6e, #16343d);
   background: -moz-linear-gradient(top, #295d6e, #16343d);
   background: -ms-linear-gradient(top, #295d6e, #16343d);
   background: -o-linear-gradient(top, #295d6e, #16343d);
   padding: 4px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #3e8fa8;
   background: #3e8fa8;
   color: #ccc;
   }
.button:active {
   border-top-color: #9eb1bd;
   background: #9eb1bd;
   }
/* end Button */

/* begin pie*/

/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.art-footer-body
{
   position:relative;
   padding: 10px;
   color: #000000;
   font-size: 11px;
}


.art-footer-text p
{
	padding:0;
	margin:0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.art-footer-text
{
   min-height: 5px;
   padding-left: 10px;
   padding-right: 10px;
   position: relative;
   float: left;
   left: 50%;
   text-align: center;
}






.art-footer-center
{
   position: relative;
   float: right;
   right: 50%;
}

/* end Footer */

/* begin PageFooter */


.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #000F1E;
}


/* end PageFooter */

.contacto{
	border: 1px solid #CED5D7;
	border-radius: 6px;
	padding: 40px 40px 20px;
	margin-top: 50px;
	background-color: white;
	box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
.contacto label{
	display: block; 
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 294px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='text'].invalido, .contacto textarea.invalido{
	box-shadow:0 0 0 3px #FFC9C9;
}
.contacto input[type='submit']{
	border: 1px solid #CED5D7;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.error{
    background-color: #BC1010;
    border-radius: 2px 2px 2px 2px;
    color: white;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 3px;
    padding: 3px 6px;
    position: absolute;
}
.error:before{
    border-color: transparent #BC1010 transparent transparent;
    border-style: solid;
    border-width: 3px 4px;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 4px;
    width: 0;
}
.result_fail{
   
    color: #BC1010;
    font-weight: bold;
    text-align: center;
}
.result_ok{
   
    color: #BC1010;
    font-weight: bold;
 text-align: center;
}
#art-main #principal #partesup #parte2 p span {
	font-weight: bold;
}
#art-main #principal #partesup #parte2 p span {
	font-weight: normal;
}
