/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font-family: 'Open Sans', sans-serif;
	font-size:12px; 
	line-height:18px;
	color:#7d7c7c;
	min-width:960px;
	background: url(../images/fondo1.jpg) center 0 no-repeat #181818;
	padding-top:59px;
	padding-bottom:42px;
}
/***********************************************************************/

a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

a.button {background:url(../images/button-2.jpg) 0 0 repeat-x #1f1f1f; border-top:#333333 1px solid; color:#fff; font-size:13px; line-height:18px; font-weight:normal; padding:3px 10px 5px 10px; display:inline-block; box-shadow: 0px 5px 5px #0a0a0a;}
a.button:hover { background: #f44821; }
a.button-2 {background:url(../images/button-2.jpg) 0 0 repeat-x #1f1f1f; border-top:#333333 1px solid; border-bottom:#040404 1px solid; color:#fff; font-size:13px; line-height:18px; font-weight:normal; padding:3px 10px 5px 10px; display:inline-block; box-shadow: 0px 5px 5px #212121;}
a.button-2:hover { background:#f44821;}
.button-1 {background:url(../images/button-1.png) 0 bottom no-repeat; display:inline-block; width:30px; height:32px;}
.button-1:hover {background:url(../images/button-1.png) 0 0 no-repeat;  }
a.button-3 { background:#f44821; border-top:#f44821 1px solid; color:#fff; font-size:13px; line-height:18px; font-weight:normal; padding:3px 10px 6px 10px; display:inline-block; box-shadow: 0px 5px 5px #0a0a0a;}
a.button-3:hover {background:url(../images/button-2.jpg) 0 0 repeat-x #1f1f1f; border-top:#333333 1px solid; }

a.link {text-decoration:none; cursor:pointer; color:#f44821; font-size:12px; line-height:18px; }
a.link:hover {text-decoration:underline;}

a.link-1 {text-decoration:none; cursor:pointer; color:#7d7c7c; font-size:12px; line-height:18px; }
a.link-1:hover { color:#f44821; }

.color-1 { font-size:18px; line-height:30px; color:#fff; font-weight:400; text-transform:uppercase; letter-spacing:-1px;}
.color-1 strong {display:inline-block; color:#ff0000;}

.color-2 { font-size:14px; line-height:20px; color:#fff; font-weight:600;}
.color-2 strong {font-weight:600; color:#7d7c7c;}
a.color-2:hover {color:#f44821;}

.color-3 {color:#fff; font-weight:normal;}
.color-4 {color:#f44821; font-weight:normal;}

h2 {font-size:25px; line-height:35px; color:#f44821; font-weight:600; }

ul {margin:0; padding:0;}
ul.list-1 {list-style-image:none;}
ul.list-1 li {padding:6px 0 6px 11px; line-height:18px; background:url(../images/marker-1.png) 0 14px no-repeat;}
ul.list-1 li a {font-size:12px; color:#7d7c7c; line-height:18px; display:inline-block;}
ul.list-1 li a:hover {color:#f44821;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}

.line_height {line-height:24px !important;}
.img-indent {float:left; margin:0 16px 0px 0;}	
.img-indent-2 {float:left; margin:0 11px 0px 0;}	
.img-indent-3 {float:left; margin:0 18px 0px 0;}
.last {margin-right:0px !important;}

.border-shadow {  box-shadow: 0 0 5px rgba(218, 218, 218, 1); border:#fff 10px solid;} 

.left-1 {margin-left:30px;}

.right-1 {margin-right:90px !important;}

.top-1 {margin-top:21px;}
.top-2 {margin-top:25px;}
.top-19 {margin-top:19px !important;}

.bot-0 {padding-bottom:0px !important;}
.bot-1 {margin-bottom:25px;}

.pad-1 {padding:16px 0 28px 0 ;}

.p1 {padding-bottom:18px;}
.p2 {padding-bottom:2px;}
.p3 {padding-bottom:23px;}
.p4 {padding-bottom:16px;}

.lightbox-image {position:relative; display:inline-block;}
.lightbox-image img {position:relative; z-index:2;}
.lightbox-image span {position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/magnify.png) 50% 50% no-repeat #fff;}

/*********************************header*************************************/
header {
	width: 940px;
	margin: 0 auto;
	z-index: 99;
	position: relative;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
	margin-bottom: 19px;
	background-color: #FFFFFF;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.logo {padding:0px 0px 0px 0px; overflow:hidden; background:url(../images/logo_visan.png) 0 0 no-repeat; float:left;}
h1 {margin-left:7px;}
nav { margin:12px 25px 0px 0px; position:relative; z-index:99; float:right;}

/*********************************content*************************************/
#content { width:960px; margin:0 auto;  padding-bottom:21px;}
.page-1-row-1 {background:#000; padding:1px 0 1px 0;}

.box-1 {float:left; display:inline-block; margin-right:1px; width:313px;}
.width-1 {width:312px !important;}
.box-1-text {background:url(../images/box-1-text.jpg) 0 0 repeat-x #252525; display:block;}
.box-1-text:hover strong.button-1{background:url(../images/button-1.png) 0 0 no-repeat; }
.box-1-text .color-1 {float:left; padding:6px 0 7px 11px;}
.box-1-text strong.button-1 {float:right; margin:8px 8px 0 0;}
.bg-1 {
	overflow: hidden;
	background-color: #222;
	background-image: url(../images/bg-1.png);
	background-repeat: repeat;
	background-position: 0 0;
}
.bg-1-shadow {background:url(../images/bg-1-shadow.png) 0 0 no-repeat;}
.border-right {border-right:#202020 1px solid;}
.border-left {border-left:#202020 1px solid;}
.border-top {border-top:#202020 1px solid;}
.border-bottom {border-bottom:#202020 1px solid;}
.page-1-col-1 {float:left; width:269px; padding:0px 15px 20px 29px;}
.page-1-col-1 p.color-2 {padding:16px 0 19px 0 ;}
.page-1-col-1 a.button {margin-top:26px;}
.page-1-col-2 {float:left; width:268px; padding:0px 15px 32px 29px;}
.page-1-col-2 p.color-2 {padding:16px 0 28px 0 ;}
.page-1-col-2 .table-1 {margin-bottom:10px;}
.table-1 td {border:#202020 1px solid; border-collapse:collapse; padding:5px 0 8px 0;}
.col-1 {
	border-left: none !important;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	width: 150px;
	padding-left: 3px !important;
}
.col-2 {
	border-right: none !important;
	font-size: 12px;
	line-height: 18px;
	color: #f44821;
	font-weight: normal;
	width: 90px;
	padding-left: 10px !important;
}
.col-2 a {color:#545051; text-decoration:none; margin-left:3px;}
.col-2 a:hover { color:#f44821;}
.page-1-col-3 {float:left; width:269px; padding:0px 15px 0px 29px;}
.page-1-col-3 h2 {padding-bottom:19px;}
.page-1-col-3 .wrapper {padding-bottom:16px;}
.page-1-col-3 .wrapper img {margin-top:4px;}
.page-1-col-3 .wrapper a.color-2 {display:inline-block; margin-bottom:9px;}
.page-1-col-3 a.button {margin-top:31px;}
.bg-2 {background:url(../images/bg-2.png) 0 0 repeat; overflow:hidden;}
.bg-2-shadow {background:url(../images/bg-2-shadow.png) 0 0 no-repeat;}
.page-2-col-1 {float:left; width:268px; padding:0px 16px 32px 29px;}
.page-2-col-1 .table-1 {margin-bottom:25px;}
.page-2-col-2 {float:left; width:569px; padding:0px 26px 0px 31px;}
.page-2-col-2 h2 {padding-bottom:16px;}
.page-2-col-2>.wrapper {padding-bottom:24px;}
.page-2-col-2 .wrapper img {margin-top:7px;}
.page-2-col-2 .wrapper a.color-2 {display:inline-block; margin-bottom:9px;}
.page-2-col-2 .wrapper a.button-2, .page-2-col-2 .wrapper a.button {margin-top:25px; margin-bottom:7px;}
.page-2-col-2 .extra-wrap {padding-left:5px;}
.box-2 {float:left; width:235px; margin-right:77px; }
.page-2-col-2>p.color-2 {margin:21px 0 9px 0;}
.page-2-col-3 {float:left; width:494px; padding:0px 36px 0px 29px;}
.page-2-col-3 h2 {padding-bottom:16px;}
.page-2-col-3 .wrapper {padding-bottom:16px;}
.page-2-col-3 .wrapper img {margin-top:4px;}
.page-2-col-3 .wrapper p.color-2 {margin-bottom:16px;}
.page-2-col-4 {float:left; background:#000; width:341px; padding:0px 10px 36px 30px;}
.page-2-col-4 p.color-2 {padding:17px 0 18px 20px;}
.page-2-col-4 a.button-3 {margin-top:23px;}
.page-2-col-5 {padding:0px 36px 27px 29px;}
.page-2-col-5 h2 {padding-bottom:16px;}
.page-2-col-5 .box-3 {width:266px; float:left; margin-right:34px;}
.page-2-col-5>.wrapper {padding-bottom:30px;}
.page-2-col-5 .box-3 img {margin-top:4px;}
.page-2-col-5 .box-3 a.color-2 { display:inline-block; margin-bottom:18px;}
.page-3-col-1 {float:left; width:574px; padding:0px 30px 40px 29px;}
.page-3-col-1 h2 {padding-bottom:16px;}
.box-4 {padding-bottom:24px;}
.box-4 a.lightbox-image {margin-top:4px;}
.box-4 p.color-2 {display:inline-block; margin-bottom:2px;}
.box-4 .wrapper {padding-top:22px;}
.box-4 a.comments {width:25px; height:24px; overflow:hidden; float:left; margin-right:16px; font-size:12px; line-height:18px; color:#fff; background:url(../images/comments.png) 0 0 no-repeat; text-align:center;}
.box-4 a.comments:hover {color:#f44821;}
.page-3-col-2 {float:left; width:249px; padding:0px 26px 0px 31px;}
.page-3-col-2 h2 {padding-bottom:12px;}
.page-4-col-1 {float:left; width:584px; padding:0px 20px 32px 29px;}
.page-4-col-1 h2 {padding-bottom:16px;}
.box-5 {float:left; width:130px; margin-right:100px;}
.page-5-col-1 { padding:0px 30px 32px 29px;}
.page-5-col-1 h2 {padding-bottom:20px;}
.page-5-col-1>.wrapper {padding-bottom:36px;}
.box-6 {float:left; width:276px; margin-right:24px;}
.box-6 .wrapper {padding:13px 0 0 0;}
.box-6 a.color-2 {display:inline-block; float:left; margin-top:-2px;}
.box-6 a.photos {display:inline-block; float:right; background:#343434; border-radius:4px; text-align:center; font-size:12px; line-height:18px; color:#fff; padding:0 9px 0 9px;}
.box-6 a.photos:hover {background:#f44821;}
.page-5-col-2 { padding:0px 30px 32px 29px;}
.page-5-col-2 .wrapper {padding-bottom:15px;}
.page-5-col-2 h2 {padding-bottom:21px;}
.box-7 {float:left; width:96px; margin-right:15px;}
.page-6-col-1 {float:left; width:416px; padding:0px 28px 32px 29px;}
.page-6-col-2 {float:left; width:396px; padding:0px 39px 0px 31px;}
.page-7-col-1 { padding:0px 30px 32px 29px; width:690px;}
.page-7-col-1 h2 {padding-bottom:16px;}
.page-7-col-1 p.color-2 {padding-bottom:12px;}

/****************************footer************************/
footer {width:950px; margin:0 auto; position:relative; overflow:hidden; }
.footer-bg {
	overflow: hidden;
	border-top: #dddddd 1px solid;
	width: 940px;
	margin: 0 auto;
	padding: 9px 0 8px 0;
	box-shadow: 0 5px 5px rgba(255, 255, 255, .18);
	background-color: #FFF;
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.footer-logo {float:left; margin:0px 0 0 7px;}
.footer-menu {float:right; padding: 1px 25px 0 0;}
.footer-menu a { color:#000; font-size:12px; line-height:18px; text-transform:uppercase; font-weight:700; display:inline-block; margin:0 0px 0 23px;}
.footer-menu a:hover, .footer-menu a.active {color:#ff0000;}
footer p {color:#6f6e6e; font-size:12px; padding:15px 0 0 5px;}
footer p a {color:#6f6e6e; font-size:12px; text-decoration:none; margin:0 15px 0 15px;}
footer p a:hover {text-decoration:underline;}

/**********************form**********************/
.map {width:396px; height:349px; margin:23px 0 0 0;}
.map iframe {	
  width:396px;
  height:349px;
}
dl {margin:21px 40px 0 0px; float:left; width:178px; }
dl.last {margin-top:20px;}
dl dt {padding:0px; color:#fff; font-size:14px; line-height:20px; margin-top:-2px;}
dl dd span { display:block; width:70px; float:left;}
dl dd {}

#form { margin: 20px 0 0px 0px; width:416px; }
#form input {
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#7d7c7c; 
	padding:6px 9px 6px 9px;
    outline: medium none;
    width: 171px;
	height:17px;
	float:left;
}
#form textarea {
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#7d7c7c; 
    height: 281px;
    outline: medium none;
    overflow: auto;
    padding:6px 0px 0px 9px;
    width: 407px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}
#form label {
    display: block;
    min-height:40px;
}
#form .error, #form .empty {
    color: #FF0000;
    display: none;
    font-size: 10px;
	line-height:14px;
	width:200px;
	float:left;
	margin-top:3px;
}
#form .error-empty {margin: 4px 0 0 10px !important; display:none; float:left;}
#form .success {display:none; margin-bottom:5px !important;}
#form .btns {
	text-align:right;
	position:relative;
	overflow:hidden;
	width:416px;
	padding:26px 2px 2px 0;
}
#form .btns a {margin-left:8px;}
.formulario .scrollable {
	height: 300px;
	width: 590px;
	overflow: auto;
}
.formulario .scrollable .opinion {
	float: left;
	width: 550px;
	margin-top: 10px;
}
.formulario .scrollable .opinion .nombre {
	font-size: 18px;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 10px;
}
.formularioadmin .opinion .nombremin {
	font-size: 14px;
	color: #999;
	margin-bottom: 30px;
	width:720px;
	float:left;
}
.formularioadmin .opinion .datos {
	font-size: 14px;
	color: #999;
	margin-left:10px;
	margin-bottom: 10px;
	width:720px;
	float:left;
}
.botonadmin{
	width:64px;
	margin-left: 20px;
	float:left;	
}
.page-1-col-3 a {
	color: #FFF;
}