/*
Theme Name: CavaSiglos
Theme URI: http://www.pemas.es/
Description: Cava Siglos theme.
Version: 1.0
Author: <a href="http://www.pemas.es/">PEMAS Servicios Profesionales, S.L.</a>
*/
/* General styles */
    body {
      margin:0;
      padding:0;
      border:0;     /* This removes the border around the viewport in old
versions of IE */
      width:100%;
      background:#fff;
      font-size:100.1%;
      font-family: Arial;
      text-align: justify;
    }
    div#content {
      min-width:600px;    /* Minimum width of layout - remove line if not
required */
                          /* The min-width property does not work in old
 * versions of Internet Explorer */
      max-width:1800px;
      margin: 0 auto 0 auto;
      padding: 0;
    }
    h1, h2, h3 {
      margin: 0 0 .2em 0;
      padding:0;
    }
    p {
      margin:.4em 0 .8em 0;
      padding:0;
    }

    #cheque {
      float:left;
    }

    form {
      float: left;
      padding-top: 1%;
      width: 100%;
    }

    textarea.textonly {
      position: absolute;
      visibility: hidden;
    }

    .alignleft {
      float: left;
    }

    .alignright {
      float: right;
    }

    img.alignleft {
      float: left;
    }

    img.alignright {
      float: right;
    }

    img{
      max-width: 100%;
      width: auto;
      border: none;
    }

    #ticket {
      clear:both;
      float:left;
      width:100%;
    }
    #wifizone {
      float:left;
    }
    #twitter {
      clear:both;
      float:left;
      width:100%;
    }
    #facebook {
      clear:both;
      float:left;
      width:100%;
    }
    #comunitat {
      clear:both;
      float:left;
      width:100%;
    }
    #ue {
      clear:both;
      float:left;
      width:100%;
    }

    .fieldWrapper {
      clear: both;
      margin: 0 2%;
      padding: 1% 0;
      text-align: justify;
    }

    .fieldWrapper label {
      float: left;
      width: 30%;
      margin-right: 1%;
    }

    .fieldWrapper label[for~="id_acepto_condiciones"] {
      width: 80%;
      font-size:85%;
    }
.fieldWrapper input[type="checkbox"] {
      width: 10%;
      border: 0;
    }

    .fieldWrapper input {
      width: 68%;
      border: 0;
    }

    .fieldWrapper select {
      width: 68%;
      border: 0;
    }

    .fieldWrapper textarea {
      clear: both;
      float: left;
      width: 99%;
      margin: 0 2% 0 0;
      border: 0;
    }

    .fieldWrapper textarea {
      clear: both;
      float: left;
      width: 100%;
      margin: 0 2% 0 0;
      border: 0;
    }

    .fieldWrapper p {
      font-size:80%;
    }
form input[type="submit"] {
      float: right;
      border: 0;
      margin: 0 2% 2% 0;
    }

    /* Header styles */
    #header {
      clear:both;
      float:left;
      width:100%;
    }
    #header p,
    #header h1,
    #header h2 {
      padding:.4em 15px 0 15px;
      margin:0;
    }
    #header ul {
      clear:left;
      float:left;
      width:100%;
      list-style:none;
      margin:10px 0 0 0;
      padding:0;
    }
    #header ul li {
      display:inline;
      list-style:none;
      margin:0;
      padding:0;
    }
#header ul li a {
      display:block;
      float:left;
      margin:0 0 0 1px;
      padding:3px 10px;
      text-align:center;
      background:#eee;
      color:#000;
      text-decoration:none;
      position:relative;
      left:15px;
      line-height:1.3em;
    }
    #header ul li a:hover {
      background:#369;
      color:#fff;
    }
    #header ul li a.active,
    #header ul li a.active:hover {
      color:#fff;
      background:#000;
      font-weight:bold;
    }
    #header ul li a span {
      display:block;
    }
    /* 'widths' sub menu */
    #layoutdims {
      clear:both;
      background:#eee;
      border-top:4px solid #000;
      margin:0;
      padding:6px 15px !important;
      text-align:right;
    }

    /* column container */
    .colmask {
      position:relative;  /* This fixes the IE7 overflow hidden bug */
      clear:both;
      float:left;
      width:100%;     /* width of whole page */
      overflow:hidden;    /* This chops off any overhanging divs */
    }
    /* common column settings */
    .colright,
    .colmid,
    .colleft {
      float:left;
      width:100%;     /* width of page */
      position:relative;
    }
    .col1,
    .col2,
    .col3 {
      float:left;
      position:relative;
      padding:2em 0 1em 0;  /* no left and right padding on columns, we just
make them narrower instead only padding top and bottom is included here, make
it whatever value you need */
      overflow:hidden;
    }
    /* 3 Column settings */
    .threecol {
    }
    .threecol .colmid {
      right:25%;      /* width of the right column */
    }
    .threecol .colleft {
      right:50%;      /* width of the middle column */
    }
    .threecol .col1 {
      width:52%;      /* width of center column content (column width minus
padding on either side) */
      left:102%;      /* 100% plus left padding of center column */
    }
    .threecol .col2 {
      width:21%;      /* Width of left column content (column width minus
padding on either side) */
      left:25.3%;     /* width of (right column) plus (center column left and
right padding) plus (left column left padding) */
      font-size:90%;
    }
    .threecol .col3 {
      width:15%;      /* Width of right column content (column width minus
padding on either side) */
      left:85%;     /* Please make note of the brackets here:
                       (100% - left column width) plus (center column left and
right padding) plus (left column left and right padding) plus (right column
left padding) */
      font-size:90%;
    }

    .leftcolumn ul,
    #menu ul {
      text-align: left;
      padding:0;
    }

    .leftcolumn ul li,
    #menu ul li {
      list-style-image:none;
      list-style-type:none;
      color: #9a9433;
    }

    #menu .selected a {
      background:#cccc99;
    }

    .leftcolumn,
    #menu {
      padding: 0;
      margin: 0;
    }
    a {
      color:#9a9433;
    }
    a:hover {
      color:#9a9433;
    }

    #menu a {
      color:#9a9433;
      text-decoration:none;
    }
    #menu a:hover {
      color:#9a9433;
      background:#cccc99;
      text-decoration:none;
    }

    form {
      background:#cccc99;
    }

    strong {
      color: #9b9934;
    }

    .half {
      float: left;
      width: 50%;
      padding: 0.5em 0 0.5em 0;  /* no left and right padding on columns, we
just make them narrower instead only padding top and bottom is included here,
make it whatever value you need */
    }

    div.leftcolumn {
      float: left;
      width: 48%;
    }
    div.centralcolumn {
      float: left;
      width: 4%;
    }

    div.rightcolumn {
      float: left;
      width: 48%;
    }

    div.widgets {
      clear: both;
      width: 100%
    }

    /* Footer styles */
    #footer {
      clear:both;
      float:left;
      width:100%;
      font-size:80%;
    }
    #footer p {
      color: #9b9934;
      padding:10px;
      margin:0 auto;
      text-align:center;
    }


.clear {
    clear:both;
    height:5px;
    position:relative;
}

.post {
    margin-bottom:60px;
}

.post-comments {
	float: right;
	padding:18px 0 0 24px;
}

#main-blog h1 {
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:2px;
}

label.cf-after 	{
	margin:0.5% 1.5% 0pt 0.6%;
	text-align:left;
        width: 70%;
        font-size:85%;
}

label.cf-after span {
	width:100%;
	display:block;
}


.cform input.cf-box-a,
.cform input.cf-box-b 	{
	clear: left; 
        float: left;
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important;