/* 
    Created on : 16-Jun-2014, 3:24:23 PM
*/

@font-face {
	font-family: 'gothic';
	src: url('../fonts/GOTHIC.TTF');
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'gothic';
                src: url('../fonts/GOTHIC.TTF');
	}
}

/* ========================== HTML5 Boilerplate styles ====================================== */

html,
button,
input,
select,
textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*====================================== General ============================================= */

html{height:100%;}
body {background: #ffffcc; height:100%; font-family: 'gothic'; margin:0; padding:0;
      background: url(../home_img/bg_02.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
#cuerpo {width:100%; min-width:1203px; height:100%; min-height:721px; background: url(../home_img/azul.gif) top repeat-x;  }

#general{margin:0 auto; padding:80px 0px 0px 0px; width:970px; position:relative; }

#logo {width:970px; height:76px; padding:0; margin:0 0 24px -10px; clear:both; }
#logo img{border:none;}

#edificio{background: url(../home_img/edificio.png) no-repeat; width:215px; height:200px;
          position:absolute; z-index: 1001; top:125px; left:660px;}

.link-01{color:#e46c04;text-decoration: none;cursor: pointer;}
.link-01:hover{color:#777;}

.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

.fright{float:right; margin:-5px 0 15px 15px;}
.fleft{float:left;}

nav {}
.supe {margin: 0px; width:635px; border:1px solid #afb0c3; border-left:none; border-right:none;
  /*-webkit-border-image: url(../home_img/dots.gif) 1 0 1 0 round; /* Safari */
  /* -o-border-image: url(../home_img/dots.gif) 1 0 1 0 round; /* Opera */
  /* border-image: url(../home_img/dots.gif) 1 0 1 0 round;*/
}
.supe ul { margin: 0px 0px 0px -40px;}
.supe li a{ float:left; text-decoration: none; margin:0; padding:11px 12px 9px 12px; font-size: 16px; color:#3f4478;}
.supe li a:hover{background-color:#b8b4a2;}
.pagina{}
.paginactiva{background:#b8b4a2 url(../home_img/actif.gif) no-repeat center bottom;}

#inicio {width:987px; height:587px; margin:0; position:relative;} /*height:587px;*/
#marco {position:absolute; z-index: 1000; top:-63px; left:-15px; /*padding-top:65px;*/ }
#marco img{opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.slide-01{margin:0px 53px 55px 48px;}

.marcovideo{background-image:url(../img/marcovideo.png); background-repeat: no-repeat; 
	position:absolute; z-index: 10; top:-63px; left:-55px; /*padding-top:65px;*/ }
.marcovideo img{opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.video{position:absolute; top:78px; left:78px;  z-index:11;}

#video-slide{height:520px; width:880px; background-image:url(../img/marcovideo-2.png); background-repeat: no-repeat; background-size:cover; margin-bottom:20px;display:none;}
.video-2{padding:32px 0px 0px 41px;}

section{background:rgb(255,255,255); background:rgba(255,255,255,0.7); height:422px; 
        box-shadow:0px 0px 25px 0px #CCC; margin-top:0px; padding:56px 0 39px 0; font-size:14px;}

section.col-00b{height:auto;}
.col-00b{width:875px;padding:58px 50px 0px 45px; color:#535460;}
.col-00b h2,
.col-00b h3{font-weight: normal; margin-top:5px; color:#1e436f;}
.col-00b ul{margin:0px 0px 50px -40px;}
.col-00b li{margin-bottom:5px;}
.col-00c{width:875px; padding:58px 50px 0px 45px; color:#535460;height:auto;}


.col-00{width:875px; margin:8px 50px 0px 45px; color:#535460;}
.col-00 h3{font-weight: normal; margin-top:0; color:#1e436f;}
.col-00 h2{font-weight: normal; margin-top:0; color:#1e436f;}
.M-0{margin:0px;}
.col-00 ul{margin:0px 0px 30px -40px;}

.col-01{width:290px; float:left; margin:8px 0px 0px 45px; color:#535460;}
.col-01 h3{font-weight: normal; margin-top:0; color:#1e436f;}
.col-01 ul{margin-left:-40px;}

.col-02{width:534px; margin-left:50px; margin-top:40px; float:left;}

.col-01b{width:320px; float:left; margin:8px 0px 0px 45px; color:#535460;}
.col-01b h3{font-weight: normal; margin-top:0; color:#1e436f;}
.col-01b ul{margin-left:-40px;}

.col-02b{width:534px; margin-left:20px; margin-top:40px; float:left;}

address{width:854px; clear:both; margin:8px 0px 0px 45px; color:#535460; font-style:normal;}
address h3{font-weight: normal; margin-top:0; color:#1e436f;}
address ul{margin-left:-40px; list-style: none; }

#gracias{ text-align:center; padding-top:50px; font-weight:bold; color:#1e436f;}

footer{text-align: center; margin:0 auto; margin:55px 0 35px 0; font-size:10px; color:#999;}

/*======================================== Formulario(JQuery) =======================================*/

#contacto{margin:0px 0px 0px 180px; padding-top:2px;}
#commentForm { }
#commentForm label { }
#commentForm label.error { margin: 0px 0px 0px 10px; }
#commentForm input.submit{ clear:both; padding:4px 15px 4px 15px; margin:15px 0px 0px 455px; font-size:12px; font-weight:bold; color:#444; border: 1px solid #c6c6c6; 
                           background: -webkit-linear-gradient(#E6E6E6, #D0D0D0); /* For Safari 5.1 to 6.0 */
                           background: -o-linear-gradient(#E6E6E6, #D0D0D0); /* For Opera 11.1 to 12.0 */
                           background: -moz-linear-gradient(#E6E6E6, #D0D0D0); /* For Firefox 3.6 to 15 */
                           background: linear-gradient(#E6E6E6, #D0D0D0); /* Standard syntax */
                           box-shadow: 0px 2px 3px #888888;
                           }
#commentForm input.submit:hover {background:#C9C9C9;}

form.cmxform { font-size: 1.0em; color: #333; margin: 0px; }
form.cmxform legend { padding: 0; margin:10px 0px 5px 0px; }
form.cmxform legend, form.cmxform label { color: #BBB; font-size:11px;}
form.cmxform label {font-size:12px; }
form.cmxform fieldset {	border: none; border-top: 1px solid #444; background-color: #020202; }
form.cmxform fieldset fieldset { background: none; }
form.cmxform fieldset p, form.cmxform fieldset fieldset { padding: 5px 0px 5px 0px; }
form.cmxform label.error, label.error {	/* remove the next line when you have trouble in IE6 with labels in list */	color: red;	font-size:12px; color:#F58220;  }
div.error { display: none; }

input{-moz-border-radius: 15px;	-webkit-border-radius: 15px; border-radius: 15px; height:31px; background:#f2f2ef; padding:0px 10px 0px 10px; }
#cname{width:505px; margin-bottom:15px; clear:both;}
#cemail{width:505px; margin-bottom:15px;}

input.checkbox { border: none; }
input:focus { border: 1px dotted #CD6322; }
input.error { border: 1px solid red; }

textarea { border-top:2px solid #999; border-left:2px solid #999; padding:2px; color:#444; outline: none; width:505px; height: 90px; padding:10px 10px 5px 10px;
	   background: #f2f2ef; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; clear:both; }
textarea:focus {border: 1px solid #999; }
textarea.error { border: 2px solid red; }
form.cmxform .gray * { color: gray; }

::-webkit-input-placeholder { color:#a3a4b0; font-size:12px; }
::-moz-placeholder { color:#a3a4b0; font-size:12px; } /* firefox 19+ */
:-ms-input-placeholder { color:#a3a4b0; font-size:12px; } /* ie */
input:-moz-placeholder { color:#a3a4b0; font-size:12px; }



/* ===================================== Helper classes =============================================== */

.subrayar{text-decoration: underline;}

.F-14{font-size: 14px;}
.F-15{font-size: 15px;}
.F-16{font-size: 16px;}

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before { content: ""; display: block; width: 0; height: 150%;}

.hidden { display: none !important; visibility: hidden;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px;overflow: hidden;
                  padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; 
                                  position: static; width: auto;}
.invisible { visibility: hidden;}

.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}


/* ======================================= Print styles =============================================== */

@media print {
    * { background: transparent !important; color: #000 !important; /* Negro imprime más rápido! */
        box-shadow: none !important; text-shadow: none !important;}

    a,
    a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }

    /* No mostrar enlaces para imágenes o enlaces internos y de javascript */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }

    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr,
    img { page-break-inside: avoid; }
    img { max-width: 100% !important; }

    @page { margin: 0.5cm;}

    p,
    h2,
    h3 { orphans: 3; widows: 3; }

    h2,
    h3 { page-break-after: avoid; }
}