/*
* File: style.css
* @autor: Federico Manuel Bordon
*/

@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500|Architects+Daughter|Gloria+Hallelujah|Josefin+Slab:400,400italic,600,600italic,700,700italic|Fredoka+One|Coming+Soon|Handlee|Amaranth:400,700italic,700,400italic);

input[type="text"] {
  /*border: 0;*/
  /*width: 100%;*/
  font-family: helvetica;
  font-size: 20px;  
  /*font-family: 'Amaranth', sans-serif;
  font-weight:  700;*/
  font-weight: bolder;
  background-color: #FFFEE1;
  border-radius:6px 6px 6px 6px; 
  padding: 2px;
} 

input{
  font-family: helvetica;
  font-size: 20px;
  font-weight: bolder;
}

select{
   background-color: #FFFEE1;
   font-family: verdana;
   font-weight: bolder;
   font-size: 18px;
   
   /*color: #FFFEE1;*/
   border-radius:6px 6px 6px 6px; 
   border-radius:6px 6px 6px 6px;
   padding: 2px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eeeeee;
    border-color: #ddd;
    cursor: not-allowed;
}

.text-field:focus {
    border-bottom-color: #2AA4CB;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #2AA4CB;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #2AA4CB;
    border-top-color: #2AA4CB;
    box-shadow: 0 0 5px 0 #2AA4CB;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}

.text-field {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    border-bottom-color: #EEEEEE;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #EEEEEE;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #EEEEEE;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #EEEEEE;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: "Source Sans Pro",Arial,sans-serif;
    font-size: 0.93684em;
    font-weight: 600;
    height: 37px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    /*padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;*/
}

.label{
  font-size: 16px;
  font-family:  Arial, Verdana, Tahoma;
  font-weight:bolder;
  color: ivory;
  //color: black;
}

.labelBlack{
  font-size: 16px;
  font-family: Arial, Verdana, Tahoma;
  font-weight:bolder;
  color: black;
}

.labelMocasin{
  font-weight:bolder;
  color: moccasin;
}

.msggrensmall{  /* small green messages*/
  font-size: 12px;
  font-family:  Arial, Verdana, Tahoma;
  font-weight:bolder;
  color: green;
}
.msgblacksmall{  /* small green messages*/
  font-size: 10px;
  font-family:  Tahoma, Verdana, Arial;
  font-weight:bolder;
  color: black;
}
.msgredsmall{  /*small error messages */
  font-size: 10px;
  font-family:  Tahoma, Verdana, Arial;
  font-weight:bolder;
  color: red;
}
.loading_msg{  /*form ajax loading messages*/
  font-size: 11px;
  font-family:  Tahoma, Verdana, Arial;
  font-weight:bold;
  color: black;
  background: #FFF1A8;
}
.msg{  /*simple messages*/
  font-size: 11px;
  font-family: Calibri, Tahoma, Verdana, Arial;
  font-weight:bold;
  color: black; 
} 
.info{ /*information messages */
  font-size: 12px;
  font-family:  Tahoma, Verdana, Arial;
  font-weight:bold;
  color: black;
  height: 35px;
  background: #FFF1A8;
}
.white{ /*information messages white*/
  font-size: 12px;
  font-family:  Tahoma, Verdana, Arial;
  font-weight:bold;
  color: black;
  border: 1px solid gray;
  background: white;
}
.texto{
  font-family: Arial,Tahoma;
  font-size:14px;
}

.bordeRedondeado{
    background:#ffc;
    padding:5px;
    border:1px solid #CCCCCC;
    text-align:center;
    font-weight:bold;
    border-radius: 15px 15px 15px 15px;
}

.bordeRedondeado2{
    background:#ffc;
    padding:5px;
    border:1px solid #CCCCCC;
    text-align:center;
    font-weight:bold;
    border-radius: 15px 15px 15px 15px;
}

tr.even.row_selected td { 
    border: 1px solid #0b93d5; 
    background: #003147 url(../images/jqgrid/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #ffffff; 
}
tr.odd.row_selected td {
    border: 1px solid #0b93d5; 
    background: #003147 url(../images/jqgrid/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #ffffff; 
}

body {
   background-image: -ms-linear-gradient(top left, #A3A3A3 0%, #000000 100%);
   background-image: -moz-linear-gradient(top left, #A3A3A3 0%, #000000 100%);
   background-image: -o-linear-gradient(top left, #A3A3A3 0%, #000000 100%);
   background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #A3A3A3), color-stop(1, #000000));
   background-image: -webkit-linear-gradient(top left, #A3A3A3 0%, #000000 100%);
   background-image: linear-gradient(to bottom right, #A3A3A3 0%, #000000 100%);
   
   /*background: #007d7d;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#007d7d', EndColorStr='#005697');
	background: -moz-linear-gradient(top, #007d7d, #005697);
	background: -webkit-gradient(linear, left top, left bottom, from(#007d7d), to(#005697));
	background: -o-linear-gradient(#007d7d, #005697);
	background: linear-gradient(top, #007d7d, #005697);*/
    
    /*    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c9cf2), color-stop(100%,#014298));
background: -moz-linear-gradient(top, rgba(92,156,242,1) 0%, rgba(1,66,152,1) 100%);
background: -o-linear-gradient(top, #5c9cf2 0%,#014298 100%);*/

    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c9cf2), color-stop(100%,#014298));
    background: -webkit-linear-gradient(-45deg,  #5c9cf2 0%,#014298 100%);
    background: -moz-linear-gradient(top, rgba(92,156,242,1) 0%, rgba(1,66,152,1) 100%);
      background: linear-gradient(135deg,  #5c9cf2 0%,#014298 100%);  

background: -o-linear-gradient(top, #5c9cf2 0%,#014298 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9cf2', endColorstr='#014298',GradientType=1 ); 
  */
    
    background-attachment: fixed;
    //background-size:100%;
    //background:url(../images/bg-sky.jpg) repeat-x top #000;
    Font-Family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000000;
    font-size:25px;
}

h2 {
    font-size: 2em;
}

h3 {
  font-size: 1em;
}

blockquote {
  padding-left: 1em;
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  background: #F9F9F9;
}

blockquote p, blockquote ul, blockquote ol {
  line-height: normal;
  font-style: italic;
}

a {
   color:black;
}

a:hover {
  text-decoration: none;
  color: blue;
}

/* Header */

#header {
    width: 100%;
    height: 90px;
    margin: 0 auto;
    margin-bottom:10px;
}
 
.message{
    position: fixed;
    top: 0;
    z-index: 10;
    background:#ffc;
    padding:5px;
    border:1px solid #CCCCCC;
    text-align:center;
    font-family: Rancho;
    font-weight:bold;
    font-size: 40px;
    width: 70%;
    color: blue;
    height: 40px;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    border-radius: 0px 0px 3px 3px;
 }
 
/* Page */

#page {
  width: 820px;
  margin: 65 auto;
}
 

.post {
  padding: 0 0 20px 0;
}

.title {
  margin: 0;
}

.byline {
  margin: 0;
}

.meta {
  padding: 5px 10px;
  border: 1px solid #EFEFEF;
  background: #F9F9F9;
}

.meta .more {
  padding-left: 20px;
  background: url(../images/img04.gif) no-repeat left center;
}

.meta .comments {
  padding-left: 20px;
  background: url(../images/img05.gif) no-repeat left center;
}
.info{
  background:#FFFFBF;
  border:1px solid #D5BA00;
  color:#333;
  padding:5px 10px;
  font:bold 13px Arial;
}

#footer {
  clear: both;
  border-top: 1px dotted #D7EBFF;
  font:"Trebuchet MS";
  padding: 5px 0;
  text-align: center;
  font-size: 13px;
  margin-bottom:0px;
}
#footer a{
  color:#0066CC;
}

.tabla_principal { 
  border-style: none solid solid solid;
  border-width: 0px 2px 2px 2px; 
  border-color: gray gray gray gray;
  background: #FFF1A8; 
}
.formulario { 
    /*background: -webkit-gradient(linear, left top, left bottombottom, from(#000000), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #000000, #FFFFFF);*/
    /*
    background-color: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #000000, #FFFFFF);
    background-image:    -moz-linear-gradient(top, #000000, #FFFFFF);
    background-image:      -o-linear-gradient(top, #000000, #FFFFFF);
    background-image:         linear-gradient(to bottom, #000000, #FFFFFF);*/
    
    /*background: -webkit-linear-gradient(top left, #FF69B4, #fff);
background: -moz-linear-gradient(top left, #FF69B4, #fff);
background: -o-linear-gradient(top left, #FF69B4, #fff);
background: linear-gradient(top left, #FF69B4, #fff);*/
    
  /*background: -webkit-linear-gradient(#FFFF00, #FF4500);
background: -moz-linear-gradient(#FFFF00, #FF4500);
background: -o-linear-gradient(#FFFF00, #FF4500);
background: linear-gradient(#FFFF00, #FF4500);*/
    
    /*background: #728eaa;
    background: -moz-linear-gradient(top, #55aaee 0%, #003366 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55aaee), color-stop(100%,#003366)); 
    */
    
    /*background: linear-gradient(orange, gold);*/
    background: rgba(0, 0, 0, 0) linear-gradient(windowtext, cornflowerblue) repeat-x scroll 0 0;
    
    border-radius:10px 10px 10px 10px; 
    padding: 2px;

}

.formularioBeige { 
  border-style: solid solid solid solid;
  border-width: 2px 2px 2px 2px; 
  border-color: gray gray gray gray;
  border-radius: 3px 3px 3px 3px;
  background: #FFF8DC;-moz-border-radius:10px 10px 10px 10px;
  -webkit-border-radius:10px 10px 10px 10px; 
}
.info{ /*information messages */
  font-size: 12px;
  font-family:  Tahoma, Verdana, Arial;
  font-weight:bold;
  color: black;
    height: 35px;
    background: #FFF1A8;
}

.labelDatosOcultos{
    color: #000000;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    
    margin: 0;
}

.labelDatosOcultosNegrita{
    color: #000000;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bolder;
    margin: 0;
}

.binary { 
  background: url(../images/01.gif) repeat-x ; 
}

.display_error{ /*error messages */
   font-size: 12px;
  font-family:  Tahoma, Verdana, Arial;
  font-weight:bold;
  color: orange;
    height: 28px;
    text-align:center;
    background-image: url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png);
    background-repeat:repeat;
}

/* FedePost*/

.tituloanuncio{
  font-size:34px;
  font-weight:bolder;
  font-family:Cambria;
  height:30px;
  color:white;
}
.tituloanuncio_small{
  font-size:20px;
  font-weight:bolder;
  font-family:Cambria;
  height:30px;
  color:navy;
}
 

.Globo-texto {
    background-color:#EDEDED;
    border:2px solid #666666;
    font-size:12px;
    text-shadow: 0px 1px 1px rgb(255, 255, 255);
    line-height:1.3em;
    margin:0px auto;
    padding:10px;
    position:relative;
    text-align:justify;
    width:95%;
    border-radius:10px;
    box-shadow:0 0 5px #888888;
}



.Globo-texto-arrow-border {
    border-color:  transparent #666666 transparent transparent;
    border-style: solid;
    border-width: 12px;
    width:0;
    position:absolute;
    left: -25px;
    top: 5px;
}

.avatar_alineamiento{
    position:relative;
    bottom:-1px;
    left:-1px;
    width:100%;
}

/* IE6 */
.Globo-texto-arrow {
    _border-left-color: pink;
    _border-bottom-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

.campoOculto {
   display:none; 
   background:#FFFFCC;
}

.buttonPopup.bClose{
    border-radius:7px 7px 7px 7px;
    box-shadow:none;
    font:bold 131% sans-serif;
    padding:0 6px 2px;
    position:absolute;
    right:-7px;top:-7px
}

.buttonPopup {
    background-color: #2B91AF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

.popup,.popup2,.bMulti{
    background-color:#fff;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 25px 5px #999999;
    color:#111111;
    display:none;
    padding:25px
}

.captchas {
	/*position:absolute;*/
	padding:8px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	left: 61%;
	/* css3 */
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c));
	background: -moz-linear-gradient(center top , #f9d835, #f3961c) repeat scroll 0 0 transparent;
	/*background:-moz-linear-gradient(top, #f9d835, #f3961c);*/
	background:-o-linear-gradient(top, #f9d835, #f3961c);
}

.captchas2 {
	/*position:absolute;*/
	padding:8px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	top: -100px;
	/* css3 */
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c));
	background: -moz-linear-gradient(center top , #f9d835, #f3961c) repeat scroll 0 0 transparent;
	background:-moz-linear-gradient(top, #f9d835, #f3961c);
	background:-o-linear-gradient(top, #f9d835, #f3961c);
}

.pie {
	margin: 10px;
}
.pie p {
	margin-bottom: 10px;
}
.pie_tit {
	font-size: 14px;
}

.cabeceraTabla {
    border:1px;
    border-radius:10px 10px 10px 10px;
    padding: 10px;
    margin-top:20px;
    /*background: #FFB515;*/
    /*background-image: url(../images/bgLight.png)*/
    /*background: maroon none repeat scroll 0 0;*/	
    background: url("../images/cabTab.jpg") repeat scroll 0 0;		
    /*background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c));
    background: -moz-linear-gradient(center top , #f9d835, #f3961c) repeat scroll 0 0 transparent;
    background:-o-linear-gradient(top, #f9d835, #f3961c);*/
}

@font-face {
    font-family: 'Candal'; /*a name to be used later*/
    src: url('../fonts/Candal.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'Chewy'; /*a name to be used later*/
    src: url('../fonts/Chewy.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'GochiHand'; /*a name to be used later*/
    src: url('../fonts/GochiHand-Regular.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'IndieFlower'; /*a name to be used later*/
    src: url('../fonts/IndieFlower.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'Cambria';
    src: url('../fonts/cambria.ttf');
}

@font-face {
    font-family: 'Cookie';
    src: url('../fonts/cookie.ttf');
}

@font-face {
    font-family: 'Rancho';
    src: url('../fonts/rancho.ttf');
}