@font-face {
    font-family: 'sansita_oneregular';
    src: url('fuentes/sansitaone.eot');
    src: url('fuentes/sansitaone.eot?#iefix') format('embedded-opentype'),
         url('fuentes/sansitaone.woff') format('woff'),
         url('fuentes/sansitaone.ttf') format('truetype'),
         url('fuentes/sansitaone.svg#sansita_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 @font-face {
    font-family: 'lemonregular';
    src: url('fuentes/lemon-regular.eot');
    src: url('fuentes/lemon-regular.eot?#iefix') format('embedded-opentype'),
         url('fuentes/lemon-regular.woff') format('woff'),
         url('fuentes/lemon-regular.ttf') format('truetype'),
         url('fuentes/lemon-regular.svg#lemonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


header,nav, section, article, footer, aside{display:block; }
body{
	background:#e8267c url('images/backgroundindex.jpg') top repeat-x fixed;
 
	font-size: 16px;
	margin: 0;padding: 0;
}

figure{padding: 0; margin: 0; }
#main{margin: 0 auto; width: 960px;color: white;
    /*background-image:  url('../images/fondo1.png')  ;*/
    background-image:  url('../images/fondo2.png')  ;
    background-repeat: no-repeat; }
header{	height:210px;/*height:203px*/overflow: hidden; position: relative; z-index: 100; } 
footer{ text-align: center; background: #56c6d2; font-size: 0.8em;  padding-top: 5px; padding-bottom: 5px; }
#loDiresa{ position:absolute;top:3%; right:3%; z-index:100; }
#loregion{position:absolute;top:3%; left:3%; z-index:100; }
#mensa1{ padding: 5px; text-align: center; font-family: "sansita_oneregular"; font-size: 1.5em; padding-bottom: 80px; }
#iden1{ position:absolute; top:14%; left:2%; }
#iden2{ position:absolute; top:24%; left:2%; }
#iden3{ position:absolute; top:37%; left:2%; }
#iden4{ position:absolute; top:51%; left:2%; }
#iden5{ position:absolute; top:10%; right:2%; text-align: right; }
#iden6{ position:absolute; top:21%; right:2%; text-align: right; }
#iden7{ position:absolute; top:35%; right:2%; text-align: right; }
#iden8{	position:absolute; top:45%; right:2%; text-align: right; }
#iden9{ position:absolute; top:59%; right:2%; text-align: right; }
#iden10{ position:absolute; top:73%; right:2%; text-align: right; }
#inicio{ position:absolute; top:45%; right:1.5%; background: #3bb7c0; width: 80px; text-align: center; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#camp { overflow: hidden; position: relative; } 
#idlogolab {
    padding-top: 32px;
}

#cuadromesj{
        

background: #56c6d2;
    width: 450px;
    padding: 20px 10px;
 
    margin: 0 auto;
    border-radius: 15px;


}

.enlaces { overflow: hidden; position: relative; height: 560px; }
.enlacesp{
	font-family: "lemonregular"; 
	font-size: 0.95em;
	width: 170px;
	color: white;/*
	text-shadow: black 0.1em 0.1em 0.2em;
	-o-text-shadow: black 0.1em 0.1em 0.2em;
	-ms-text-shadow: black 0.1em 0.1em 0.2em;
	-webkit-text-shadow: black 0.1em 0.1em 0.2em;
	-moz-text-shadow: black 0.1em 0.1em 0.2em;
	*/
	
	 padding: 5px;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background: #3bb7c0;

-o-transition: width 2s, height 2s, -o-transform 2s; /* For Safari 3.1 to 6.0 */
-ms-transition: width 2s, height 2s, -ms-transform 2s; /* For Safari 3.1 to 6.0 */
-moz-transition: width 2s, height 2s, -moz-transform 2s; /* For Safari 3.1 to 6.0 */

	-webkit-transition: width 0.3s, height 0.3s, -webkit-transform 0.3s; /* For Safari 3.1 to 6.0 */
    transition: width 0.3s, height 0.3s, transform 0.3s;

    border: 2px solid white;
}

 .enlacesp:hover {
 	-moz-transform: rotate(-10deg); 
 	-ms-transform: rotate(-10deg); 
    -o-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}
 
.enlacesp a {
	text-decoration: none;
	color:white;
}


.oculta{display: none;}
.consta{  display: inline-block; vertical-align: top; margin: 0.5em;width:45%;}
 
 #context{
 	margin-top:-10px;
background: white;
color:black;
width: 100%;

 }
 #menu1 ,  #description{
 	display: inline-block; vertical-align: top; padding: 5px;
 }

 #menu1{
 	border: 2px solid #c063dd;
 	width: 22%;	
 	background: #f0d6f8;
 	text-align: center;
 	font-size: 0.87em;
 	margin-top: 10px;
 	margin-left: 0.5%;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
 }

#menu1 a{
  text-decoration: none;
  font-family: "lemonregular"; 
  font-size: 0.8em;
  color:#c063dd;

}

 

#description{
 	width: 73%;	
 	color:#4d4c4d;
 	
 	padding-top: 15px;
 	padding-left: 10px;
 	padding-right: 5px;
 	font-family: Verdana , Arial, Helvetica;
 	text-align: justify;
 	font-size: 0.82em;
  
}
#description a{ 
	color: #8c299f;
	font-weight: bold;
	text-decoration: none;
}
#description a:hover{ 
	
	color: #78357d;
	text-decoration: underline;
}

.title_d{
	color:#c063dd;
	font-weight: bold;
	font-size: 1.5em;
}



.PreviewTable{
 border:1px ridge #c379dd;
 width:100%;
 padding:0;
 -webkit-box-shadow: 2px 2px 4px 1px #a4a4a4;
 -moz-box-shadow:2px 2px 4px 1px #a4a4a4;
 box-shadow:2px 2px 4px 1px #a4a4a4;
 border-Radius:7px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 }.PreviewTable table{
 width:100%;
 height:100%;
 margin:0;
 border-collapse: collapse;
 border-spacing: 0;
 }.PreviewTable table thead tr{
 background: -moz-linear-gradient(top, #ca8af1 30%, #c03dda 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ca8af1), color-stop(100%,#c03dda));
 background: -webkit-linear-gradient(top, #ca8af1 30%,#c03dda 100%);
 background: -o-linear-gradient(top, #ca8af1 30%,#c03dda 100%);
 background: -ms-linear-gradient(top, #ca8af1 30%,#c03dda 100%);
 background: linear-gradient(to bottom, #ca8af1 30%,#c03dda 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8af1', endColorstr='#c03dda',GradientType=0 );
 }.PreviewTable table thead tr td{
 border:1px ridge #c379dd;
 text-align:center;
 vertical-align:middle;
 border-width:0px 0px 1px 0px;
 color:#ffffff;
 font-weight:bold;
 font-family:arial;
 font-size:0.9em;
 height:22px;
 }.PreviewTable table thead tr td label{
 margin-right:0px;
 margin-left:0px;
 margin-top:0px;
 margin-bottom:0px;
 color:inherit;
 font-weight:inherit;
 font-family:inherit;
 font-size:inherit;
 display:block;
 }.PreviewTable table thead tr td:first-child{
 border-width:0px 0px 1px 0px;
 }.PreviewTable table tbody tr:last-child td:first-child{
 -moz-border-radius-bottomleft:7px;
 -webkit-border-bottom-left-radius:7px;
 border-bottom-left-radius:7px;
 }.PreviewTable table tbody tr:last-child td:last-child{
 -moz-border-radius-bottomright:7px;
 -webkit-border-bottom-right-radius:7px;
 border-bottom-right-radius:7px;
 }.PreviewTable table tbody tr{
 background:#fff8f8;
 }.PreviewTable table tbody tr:hover{
 background:#e4d1f0;
 }.PreviewTable table tbody tr td{
 vertical-align:middle;
 height:30px;
 text-align:left;
 color:#000000;
 font-size: 0.82em;
 
 border:1px ridge #c379dd;
 border-width:0px 0px 1px 0px;
 padding: 8px;
 text-align: justify;
 }.PreviewTable table tbody tr td label{
 margin-right:0px;
 margin-left:20px;
 margin-top:5px;
 margin-bottom:5px;
 color:inherit;
 font-weight:inherit;
 font-family:inherit;
 font-size:inherit;
 display:block;
 }.PreviewTable table tbody tr td:first-child{
 border-width:0px 0px 1px 0px;
 }.PreviewTable table tbody tr:last-child td{
 border:0 0 0 1px;
 }


 .borderimagen{ border: 3px solid #c063dd;}