body {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:100%; 
	
}


p	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.875em; 
	/*border: thin red solid;*/
	line-height:1.75em;
	
}


h1	{
	font-size: 1.5em; 
	/*border: thin red solid;*/
	line-height:0.5em;
	font-weight: normal; 
}


h2,h3	{
	font-size:1.125em;
	/*border: thin red solid;*/
	font-weight:lighter;
	text-transform:uppercase;
	letter-spacing:0.2em;
}

h3	{
	font-size:0.875em;
	letter-spacing:0.1em;
}

ul	{
	font-size: 0.875em;
	list-style-position: inside;
}

ol	{
	font-size: 0.875em; 
}

table, tr, td  {
	margin:0;
	padding:1px;
	//border-collapse: separate; border-spacing:5px;
	border: 2px solid #000;
	//outline:thin dashed #abc;
	font-weight: normal;
	font-size:0.9em;
	vertical-align: middle;
	text-align: center;
	background: transparent;
	background: white;
}

th  {
	//letter-spacing:0.1em;
	padding:5px;
	border: 2px solid #000;
	font-size:1em;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background: transparent;
	background: #d3d3d3;
}

.TextoVerticalx{
	//width:200px;
	margin:0px;
	padding:0px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);  
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);    
	background:yellow;	    	
}


#wrap {
    width:1000px;
    border: thin solid black;
    margin: 0 auto;
    //background-color: orange;
}

#masthead {
    background-color:#FFF;
    height:200px;
}

#masthead #imgAbajo {
	position:absolute;
	z-index:0;
	clip:rect(0px 1000px 200px 0px);
}

#masthead #imgEncima {
	position:absolute;
	z-index:1;
	margin-left:50px;
	background:transparent;
}

#masthead #showCanvas {
	position:absolute;
	z-index:0;
	//clip:rect(0px 1000px 200px 0px);
}


nav {
    background-color: #000;
	height:32px;
}

nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

nav li {
	display:inline-block;
	padding:5px;
	border:1px outset #000;
	color:white;
	background-color:#000;
	width:100px;
	position:relative;
	margin:-1px;
	margin-top:0px;
	cursor:pointer;
}


#menuHorizontal{
	text-align:center;
}

.submenu{
	position:absolute;
	top:30px;
	left:1px;
	display:none;
	box-shadow:0px 0.5px 5px #000;
	border-radius:0px 0px 10px 10px;
	-moz-animation-duration:0.8s;
	-webkit-animation-duration:0.8s;
	-o-animation-duration:0.8s;
	-ms-animation-duration:0.8s;
}

.submenu>li:last-child{
	border-radius:0px 0px 10px 10px;
}

.submenu>li{
	display:block;
	-moz-animation-duration:0.5s;
	-webkit-animation-duration:0.5s;
	-o-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
}

.submenu>li:hover{
	background-color:#666;
	color:white;
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	text-shadow:2px 2px 2px #000;
	z-indez:5;
	-moz-animation-name:botonsubmenu;
	-webkit-animation-name:botonsubmenu;
	-o-animation-name:botonsubmenu;
	-ms-animation-name:botonsubmenu;
}


@-moz-keyframes botonsubmenu{
	0%{
		text-shadow:200px 2px 20px #000;
	}
	50%{
		-moz-transform:scale(1.3);
		border-radius:5px;
	}	
	100%{
		-moz-transform:scale(1.1);
		text-shadow:2px 2px 1px #000;
	}
}

@-webkit-keyframes botonsubmenu{
	0%{
		text-shadow:200px 2px 20px #000;
	}
	50%{
		-webkit-transform:scale(1.3);
		border-radius:5px;
	}	
	100%{
		-webkit-transform:scale(1.1);
		text-shadow:2px 2px 1px #000;
	}
}

@-o-keyframes botonsubmenu{
	0%{
		text-shadow:200px 2px 20px #000;
	}
	50%{
		-o-transform:scale(1.3);
		border-radius:5px;
	}	
	100%{
		-o-transform:scale(1.1);
		text-shadow:2px 2px 1px #000;
	}
}

@-ms-keyframes botonsubmenu{
	0%{
		text-shadow:200px 2px 20px #000;
	}
	50%{
		-ms-transform:scale(1.3);
		border-radius:5px;
	}	
	100%{
		-ms-transform:scale(1.1);
		text-shadow:2px 2px 1px #000;
	}
}


#menuHorizontal li:hover ul{
	display:block;
	-moz-animation-name:submenu;
	-webkit-animation-name:submenu;
	-o-animation-name:submenu;
	-ms-animation-name:submenu;
}

@-moz-keyframes submenu{
	0%{
		opacity:0;
		left:-150px;
	}
	50%{
		-moz-transform:skew(10deg);
		box-shadow:-10px 4px 8px 5px #000;
	}
	100%{
		opacity:1;
		left:1px;
	}
}

@-webkit-keyframes submenu{
	0%{
		opacity:0;
		left:-150px;
	}
	50%{
		-webkit-transform:skew(10deg);
		box-shadow:-10px 4px 8px 5px #000;
	}
	100%{
		opacity:1;
		left:1px;
	}
}

@-o-keyframes submenu{
	0%{
		opacity:0;
		left:-150px;
	}
	50%{
		-o-transform:skew(10deg);
		box-shadow:-10px 4px 8px 5px #000;
	}
	100%{
		opacity:1;
		left:1px;
	}
}

@-ms-keyframes submenu{
	0%{
		opacity:0;
		left:-150px;
	}
	50%{
		-ms-transform:skew(10deg);
		box-shadow:-10px 4px 8px 5px #000;
	}
	100%{
		opacity:1;
		left:1px;
	}
}

#menuHorizontal>li{
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
}

#menuHorizontal>li:first-child{
	background-color:#E4522B;
	padding-top:10px;
	box-shadow:0px 0px 4px #666;
	border-radius:10px 0px 10px 0px;
	border:1px outset #000;
	color:white;
	text-shadow:1px 1px 1px #000;	
}

#menuHorizontal>li:hover{
	background-color:#333;
	padding-top:10px;
	box-shadow:0px 0px 4px #000;
	border-radius:10px 10px 10px 10px;
	border:1px outset #000;
	color:orange;
	text-shadow:1px 1px 1px #000;	
}




#innerwrap {
	background-color:white;
}



#innerwrap:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#secondary-content {
    float:left;
    width:250px;
    background: -moz-linear-gradient(#666666, #999999, #ffffff, #ffffff, #ffffff, #ffffff);
    background: -webkit-linear-gradient(#666666, #d3d3d3, #ffffff, #ffffff, #ffffff, #ffffff);
    background: -o-linear-gradient(#666666, #999999, #ffffff, #ffffff, #ffffff, #ffffff);
    background: -ms-linear-gradient(#666666, #999999, #ffffff, #ffffff, #ffffff, #ffffff);
    //background-image:url('../images/sidebar_bg.png');
    //background-repeat:repeat-x;
    border-right: thin solid gray;
}

#main {
    float:right;
    width:748px; 
	background-color:#FFF;
}

#mainStretch {
    float:right;
    width:950px; 
	background-color:#FFF;
}

#main li {
    margin: 10px 60px;
    list-style: disc;
}

#main h1 {
    margin-top:35px;
}

#scrLoginError {
    margin-left:300px;
    margin-top:0px;
    background-color:#000;
    box-shadow:0px 0.5px 5px #000;
	border-radius:10px 10px 10px 0px;
    background: -moz-radial-gradient(#ffffff, #D3D3D3);
    background: -webkit-radial-gradient(#ffffff, #D3D3D3);
    background: -o-radial-gradient(#ffffff, #D3D3D3);
    background: -ms-radial-gradient(#ffffff, #D3D3D3);
    width:300px;
    height:150px;
    padding-top:0px; 
    padding-left:0px;
}

#scrLoginError p{
    font-family: Verdana, geneva, Sans-Serif;
    font-size: 0.25;
    color:#000;
    text-align:left;
    margin:-5px;
}

#scrDialogFull2 {
	width:450px;
    height:220px;
    margin-left:300px;
    //background-color:#ff0000;
    box-shadow:0px 0.5px 5px #000;
	border-radius:10px 10px 10px 0px;
    background: -moz-radial-gradient(#686868, #000000);
    background: -webkit-radial-gradient(#686868, #000000);
    background: -o-radial-gradient(#686868, #000000);
    background: -ms-radial-gradient(#686868, #000000);
    
}

#scrDialogFull2 p {
    font-family: Verdana, geneva, Sans-Serif;
    font-size: 0.689;
    font-weight: normal;
    color:#000;
    text-align:left;
    margin-left:30px;
}

#scrDialogFull {
	width:600px;
    height:300px;
    
    background-color:#ff0000;
    box-shadow:0px 0.5px 5px #000;
	border-radius:10px 10px 10px 0px;
    background: -moz-radial-gradient(#ffffff, #d3d3d3);
    background: -webkit-radial-gradient(#ffffff, #d3d3d3);
    background: -o-radial-gradient(#ffffff, #d3d3d3);
    background: -ms-radial-gradient(#ffffff, #d3d3d3);
    
}


#scrDialogFull p {
    font-family: Verdana, geneva, Sans-Serif;
    font-size: 0.689;
    font-weight: normal;
    color:#000;
    text-align:left;
    margin-left:30px;
}

#scrDialog {
	width:300px;
    height:175px;
    
    background-color:#ff0000;
    box-shadow:0px 0.5px 5px #000;
	border-radius:10px 10px 10px 0px;
    background: -moz-radial-gradient(#ffffff, #d3d3d3);
    background: -webkit-radial-gradient(#ffffff, #d3d3d3);
    background: -o-radial-gradient(#ffffff, #d3d3d3);
    background: -ms-radial-gradient(#ffffff, #d3d3d3);
    
}

#scrDialog p {
    font-family: Verdana, geneva, Sans-Serif;
    font-size: 0.689;
    font-weight: normal;
    color:#000;
    text-align:left;
    margin-left:30px;
}

input[type=text] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius:08px 08px 08px 0px;
    height:20px;
    width:150px;
    background:#fff;
    color:#000;
    margin-left:35px;
    margin-top:10px;
    text-align:center;
}

input[type=password] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius:08px 08px 08px 0px;
    height:20px;
    width:150px;
    background:#fff;
    color:#000;
    margin-top:10px;
    margin-left:10px;
    text-align:center;
}

input[type=tel] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius:08px 08px 08px 0px;
    height:20px;
    width:150px;
    background:#fff;
    color:#000;
    margin-top:5px;
    margin-left:32px;
    text-align:center;
}

input[type=email] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius:08px 08px 08px 0px;
    height:20px;
    width:150px;
    background:#fff;
    color:#000;
    margin-top:5px;
    margin-left:42px;
    text-align:center;
}

textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius:08px 08px 08px 0px;
    border: 1px solid #9CB1D1;
    background:#fff;
    color:#000;
    margin-top:5px;
    margin-left:110px;
    text-align:justify;
    width:450px;
    height:145px;
}

input[type=submit] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius:08px 0px 08px 0px;
    height:25px;
    width:60px;
    background-color:#d3d3d3;
    color:black;
    text-align:center;
	font:italic 0.689 Verdana, geneva, Sans-Serif;
	margin-top:10px;
	margin-left:185px;
	cursor:pointer;
}
input[type=button] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius:08px 0px 08px 0px;
    height:25px;
    width:70px;
    background-color:#000;
    color:white;
    //text-align:center;
	font:italic 0.689 Verdana, geneva, Sans-Serif;
	//margin-top:10px;
	//margin-left:185px;
	cursor:pointer;
}

label {
	text-align:left;
	top:10px;
	margin-left:10px;
	font:italic 0.689 Verdana, geneva, Sans-Serif;
}

#siteinfo {
    clear:both;
    background-color:#000;
    width:1000px;
    padding-top:0px; 
}

#siteinfo p {
    margin: -08px 0 0 0px;
    width:1000px;
    font-family: Verdana, geneva, Sans-Serif;
    font-size: 0.689;
    color:#fff;
    text-align:center;
}

p, h1, h2, h3 {
    margin-bottom: 20px;
}

#secondary-content p, #secondary-content h2, #secondary-content h3, #main h2, #main h3 {
	margin-top:-20px;
    margin-left:20px;
    margin-right:20px;
}

#main p {
    margin-left:30px;
}

#secondary-content h2 {
    margin-top:15px;
   
}

.moreinfo {
  float:right;
  width:100px;
  height:127px;
  //background:#ddf;
  background:#888;
  -moz-transform:rotate(10deg) skew(8deg);
  -webkit-transform:rotate(10deg) skew(8deg);
  -o-transform:rotate(10deg) skew(8deg);
  -ms-transform:rotate(10deg) skew(8deg);
  background:transparent;
  background-image:url('../images/papel_pergamino-100x127.png');
  padding:0px;
  margin:10px;
  font:italic 0.7em Georgia, "Times New Roman", Times, serif;
}

#scrProfile{
	margin-left:50px;
    margin-top:50px;
    background-color:#fff;
    box-shadow:0px 0px 20px #000;
	border-radius:10px 10px 0px 10px;
    background: -moz-linear-gradient(top, #ffffff, #D3D3D3);
    background: -webkit-linear-gradient(top, #ffffff, #D3D3D3);
    background: -o-linear-gradient(top, #ffffff, #D3D3D3);
    background: -ms-linear-gradient(top, #ffffff, #D3D3D3);
    border: 0px solid #9CB1D1;
    width:600px;
    height:300px;
    padding-top:0px; 
    padding-left:0px;
}


#scrFrameEmpty{
	margin-top:50px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:50px;
    
    padding-top:1px; 
    padding-left:1px;
    padding-right:1px;
    padding-bottom:1px;
    
    //background:blue;    
	background:transparent;    
}

#scrFrameStretch{
	margin-top:50px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:50px;
    
    
    padding-top:1px; 
    padding-left:0px;
    padding-right:0px;
    padding-bottom:1px;
    
    background-color:#fff;
    background: -moz-linear-gradient(top, #ffffff, #D3D3D3);
    background: -webkit-linear-gradient(top, #ffffff, #D3D3D3);
    background: -o-linear-gradient(top, #ffffff, #D3D3D3);
    background: -ms-linear-gradient(top, #ffffff, #D3D3D3);
    //background:green;
    border: 0px solid #9CB1D1;
    box-shadow:0px 0px 20px #000;
	border-radius:10px 10px 0px 10px;
    
}

#scrForm{
	margin-left:50px;
    margin-top:45px;
    background-color:#fff;
    box-shadow:0px 0px 20px #000;
	border-radius:10px 10px 0px 10px;
    background: -moz-linear-gradient(top, #ffffff, #D3D3D3);
    background: -webkit-linear-gradient(top, #ffffff, #D3D3D3);
    background: -o-linear-gradient(top, #ffffff, #D3D3D3);
    background: -ms-linear-gradient(top, #ffffff, #D3D3D3);
    border: 0px solid #9CB1D1;
    width:600px;
    height:358px;
    padding-top:0px; 
    padding-left:0px;
}

#bkgHead {
	height:30px;
	border-radius:10px 10px 0px 0px;
	background: -moz-linear-gradient(right, #ffffff, #000000);
	background: -webkit-linear-gradient(right, #ffffff, #555555);
	background: -o-linear-gradient(right, #ffffff, #000000);
	background: -ms-linear-gradient(right, #ffffff, #000000);
	line-height:30px;
	color:#000;
	text-align:right;
	
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:0px;
}

#bkgBody {
	width:300px;
	height:200px;
	background:transparent;
	color:#000;
	text-align:justify;
	
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	
	margin-top:60px;
	margin-left:30px;
    margin-right:0px;
}

#bkgBodyStretch {
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	
	margin-top:30px;
	margin-left:30px;
        margin-right:30px;
        margin-bottom:30px;
		
	background:transparent;
	//background:orange;
	color:#000;
	text-align:justify;
}

#bkgForm {
	width:550px;
	height:315px;
	background:transparent;
	color:#000;
	text-align:left;
	
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	
	margin-top:10px;
	margin-left:30px;
    margin-right:0px;
}

#scrProfileXX figure {
  float:right;
  padding:0px;
  margin-top:-210px;
  margin-right:50px;
}

.imgLogoFrame {
	width:90px;
	height:90px;
}

#scrFormXX figure {
  float:right;
  padding:0px;
  margin-top:-310px;
  margin-right:100px;
}

#scrFrameStretch figure {
	float:left;
	width:90px;
	height:90px;
}

#scrFrameStretch figcaption {
	text-align:center;
	font:italic 0.7em Georgia, "Times New Roman", Times, serif;
}

#scrFrameEmpty figure {
	float:left;
	width:90px;
	height:90px;
}

#scrFrameEmpty figcaption {
	text-align:center;
	font:italic 0.7em Georgia, "Times New Roman", Times, serif;
}

#scrProfileXX figcaption {
  text-align:center;
  font:italic 0.7em Georgia, "Times New Roman", Times, serif;
}

#scrFormXX figcaption {
  text-align:center;
  font:italic 0.7em Georgia, "Times New Roman", Times, serif;
}



#scrPantalla{
	margin-left:0px;
    margin-top:0px;
    background-color:#000;
    width:749px;
    height:410px;
    padding-top:0px; 
    padding-left:0px;
    text-align:center;
}

#sndVideo{
	width:640px;
	height:360px; 
	//controls:controls; 
	//preload:auto; 
	//autobuffer:true; 
	//autoplay:true; 
	//loop:3;
}

#miCelda{
	border: 0px solid;
	box-shadow:0px 0px 30px #000;
	border-radius:5px 5px 5px 5px;
	padding:5px; 
}