/*Creado con Ardora - www.webardora.net
bajo licencia Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)
para otros usos contacte con el autor*/
@font-face { font-family: "fontEnun";
src: url("fonts/escolar8-webfont/escolar8-webfont.eot");
src: url("fonts/escolar8-webfont/escolar8-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/escolar8-webfont/escolar8-webfont.woff") format("woff"), url("fonts/escolar8-webfont/escolar8-webfont.ttf") format("truetype"), url("fonts/escolar8-webfont/escolar8-webfont.svg#fontEnun+") format("svg");
font-weight: normal;font-style: normal;}
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label,fieldset{margin:0px;padding:0px;}
body{font-size:13px;font-family:Verdana, Geneva, sans-serif; padding:5px;color:#000000;background-color:#FFFFFF;
}
#cabeceira{margin:10px; text-align:justify;}
#cabeceira h1{font-family:Verdana, Geneva, sans-serif;font-size:15px;margin:0px;color:#000000;text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
#cabeceira p{font-family:fontEnun;font-size:20px;margin:0px;padding-bottom:5px;text-align:justify;color:#000000;}
#gallery{
   width:100%;
   position:relative;
}
.pic, .pic a{
   height:300px;
   overflow:hidden;
}
.pic{
   position:absolute;
   border:5px solid #EEEEEE;
   border-bottom:18px solid #eeeeee;
   -moz-box-shadow:2px 2px 3px #333333;
   -webkit-box-shadow:2px 2px 3px #333333;
   box-shadow:2px 2px 3px #333333;
}
.pic a{text-indent:-999px;display:block;}
.drop-box{
   width:240px;
   height:130px;
   position:absolute;
   bottom:0;
   right:0;
   z-index:-1;
   background:url(img/drop_box.png) no-repeat;
}
.drop-box.active{background-position:bottom left;}
label, input{display:block;padding:3px;}
label{font-size:12px;}
fieldset{border:0;margin-top:10px;}
#main{margin: 10px;}
a img{border:none;}
a, a:visited {
   color:#00BBFF;
   text-decoration:none;
   outline:none;
}
a:hover{text-decoration:underline;}
.fg-button { outline: 0; margin:0 4px 0 0; padding: .2em .4em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1;}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }
.fg-toolbar { padding: .5em; margin: 0; }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }
#cabe_form{
   float:right;
   width:25%;
   padding-left:5px; padding-right:5px; padding-bottom:5px;
   text-align:right;
}
#cabe_form p{ margin-top:5px; margin-bottom:5px;}
#texto_form{float:left; width:73%;}
#texto_form h1{font-family:Verdana, Geneva, sans-serif;font-size:20px;margin:0px;font-weight:normal;color:#000000;text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
#texto_form p{font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0px;padding-bottom:5px;text-align:justify;color:#000000;}
#clear{ clear:both;}
#contenedor{ margin:10px; text-align:justify;}
.ui-widget-header{padding:5px;}
#area_form{margin:0px;margin-top:5px;margin-bottom:5px;border:none;padding:0px;}
#ima_form{float:left; padding-right:5px; padding-top:5px;}
#datos_form{ width:350px; float:left;}
#datos_form label{float:left;}
#traballos{height:23px;font-size:10px;margin-bottom:10px;width:100%;border-radius: 4px;}
#traballos p{float:left;font-size:12px;font-style:inherit;}
#traballos select{ width:200px; float: right;  background: transparent; padding: 2px; font-size: 12px;line-height: 1;border: 1px;border-style: solid;border-radius: 4px;appearance: none;cursor: pointer;}
#traballos select:hover{background-color: white;}
#traballos label{float:right;font-size:10px; margin-right: 10px;}
#procesador{width:55%;float:left;}
textarea{width: calc(100% - 30px);padding:5px; position:relative; font-family:Verdana, Geneva, sans-serif;float:left; font-size:14px;box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.75);border: 1px solid #808080;border-radius:4px;color:#808080;font-size:14px;background-color:#FFFFFF;float:left;}
textarea:hover{border-color:#808080;}
textarea:focus {outline: none;border-color:#808080;box-shadow:inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);color:#000000;}
#comenta:hover{border-color:#000000;}
#url1{width:100%;}
#datos_esquerda{width:400px; float:left;}
#datos_dereita{width:width:calc(100% - 420px); float:left; margin-left: 10px;}
.timeline-event-bubble-title {font-family:Verdana, Geneva, sans-serif;font-weight: bold;font-size:16px;font-style:normal;color:#000000; border-bottom: 1px solid #888;margin-bottom: 0.5em;}
.timeline-event-bubble-title a{color:#0000FF;}
.timeline-event-bubble-body {font-family:Verdana, Geneva, sans-serif;font-weight: normal;font-size:12px;font-style:normal;color:#000000;text-align:justify;}
.timeline-event-bubble-wiki {visibility:hidden;}
.timeline-event-bubble-wiki a {font-family:Verdana, Geneva, sans-serif;color:#808080;}
.timeline-event-bubble-time {font-family:Verdana, Geneva, sans-serif;font-weight: normal;font-size:10px;font-style:normal;color:#808080;}
.timeline-event-bubble-image {float: right;padding-top: 31px;padding-left: 5px;padding-bottom: 5px;}
.formLogin{padding:10px; position:relative; font-family:Verdana, Geneva, sans-serif;float:left; font-size:14px;}
.formLogin input[type=radio], .formLogin input[type=number], .formLogin input[type=url], .formLogin input[type=text],.formLogin input[type=password] {width: calc(100% - 30px);padding: 8px 4px 8px 10px;margin-bottom: 15px;
border: 1px solid #808080;border-radius: 4px;box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.75);
color:#808080;font-size:14px;background-color:#FFFFFF;float:  left;}
.formLogin input::-webkit-input-placeholder {color:#808080;text-shadow: 0 1px 0 rgba(255,255,255,0.15);}
.formLogin input::-moz-placeholder {color:#808080;text-shadow: 0 1px 0 rgba(255,255,255,0.15);}
.formLogin input:-moz-placeholder {color:#808080;text-shadow: 0 1px 0 rgba(255,255,255,0.15);}
.formLogin input::-ms-input-placeholder {color:#808080;text-shadow: 0 1px 0 rgba(255,255,255,0.15);}
.formLogin input[type=number]:hover, .formLogin input[type=url]:hover, .formLogin input[type=text]:hover,.formLogin input[type=password]:hover {border-color:#000000;}
.formLogin input[type=number]:focus, .formLogin input[type=url]:focus, .formLogin input[type=text]:focus, .formLogin input[type=password]:focus,.formLogin input[type=submit]:focus {outline: none;border-color:#808080;box-shadow:inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);color:#000000;}
.no-boxshadow .formLogin input[type=number]:focus, .formLogin input[type=url]:focus,.formLogin input[type=text]:focus,.no-boxshadow .formLogin input[type=password]:focus {outline: 1px solid white;}
.no-placeholder .formLogin label {display: block;}
#entraDatos{ width:calc(100% - 30px);}
#titulo{width: 250px;}
#descricion{width: 400px;}
input, label {display:block;}
#startDiv label{display: inline-block; float: left;}
#colorDiv label{display: inline-block; float: left;}
.buttonsC{width: 50px !important;}
.formLogin input:invalid, .formLogin input:out-of-range {border-color:hsl(0, 50%, 50%); background:hsl(0, 50%, 90%);}
#endDiv label{display: inline-block; float: left;}
#cSele{float: right;}
.fright{float: right !important;}
