/* CSS Document */
html, body, #wrap {height: 100%; font:12px Georgia, "Times New Roman", Times, serif;color:black;}
body > #wrap {height: auto; min-height: 100%;}
body {background:url(img/bg.gif);margin:0;padding:0;}
a {color:#ff00ba;}
h1 {font-size:27px;font-weight:bold;margin:0;padding:0;font-style:italic;}
.pink {color:#ff00ba;}
.black {color:black;}
.purple {color:#7d2c67;}
.darkblu {color:#308b90;}
.brown {color:#9a978b;}
#topblack {width:100%;height:14px;background:black;}
#topblu {width:100%;height:5px;background:#00f6ff;border-bottom:1px solid #13acb2;}

#header {background:url(img/bgheader.png) no-repeat top right; width:1041px;text-align:left;}
.bothome {cursor:pointer;height:30px;width:160px;margin-left:500px;}
.logo {background:url(img/logo.png) no-repeat;width:314px;height:72px;margin:20px 0 30px 52px;cursor:pointer;}
.logonice {background:url(img/logonice.png) no-repeat;width:493px;height:51px;margin:40px 0 30px 22px;cursor:pointer;}
.logocut {background:url(img/logothin.png) no-repeat;width:257px;height:44px;margin:40px 0 30px 10px;cursor:pointer;}
.logothincomplete {background:url(img/logothincomplete.png) no-repeat;width:469px;height:49px;margin:41px 0 28px 10px;cursor:pointer;}
.logodef {background:url(img/logodef.png) no-repeat;width:351px;height:82px;margin:41px 0 20px 9px;cursor:pointer;}
.slogan {margin-left:185px;}
#menu {}
	#menucrismar {background:url(img/menucrismar.png) no-repeat;width:76px;height:39px;cursor:pointer;}
	#menucrismar:hover {background-position:0 -39px;}
	#menucrismar.current {background-position:0 -39px;cursor:default;}
	#menuport {background:url(img/menuport.png) no-repeat;width:90px;height:39px;cursor:pointer;margin:0 46px;}
	#menuport:hover {background-position:0 -39px;}
	#menuport.current {background-position:0 -39px;cursor:default;}
	#menucontacto {background:url(img/menucontacto.png) no-repeat;width:85px;height:39px;cursor:pointer;}
	#menucontacto:hover {background-position:0 -39px;}
	#menucontacto.current {background-position:0 -39px;cursor:default;}
#main {padding-bottom:201px;width:960px;text-align:left;margin:0 0 0 20px;}

#flash {width:841px;background:url(img/bg_lightbrown.gif); height:411px; border:1px solid #d5d2bb;margin:5px 0 15px 7px;padding:9px 9px 10px 9px;#margin:5px 0 15px 11px;}
#verportafolio {background:url(img/verportafolio.png) no-repeat;width:203px;height:85px;cursor:pointer;margin:4px 0 30px 0;}
	#verportafolio:hover {background-position:0 -85px;}
	
#crismar {margin-top:35px;}
#crismar h1 {margin-bottom:6px;}
#crismar p {font-size:18px;line-height:23px;margin-top:8px;padding-right:40px;}
	.boxes {margin:10px 0 40px 0;#margin:32px 0 40px 0;}
	#boxtop {font-size:12px;color:white;font-weight:bold;width:230px;height:48px;padding:10px 15px 10px 25px;#padding:10px 0 10px 25px;#width:245px;}
	#boxmain {width:224px;height:205px;padding:23px 23px 19px 23px;margin-right:48px;}
		.uno {background:url(img/bguno.gif);}
		.dos {background:url(img/bgdos.gif);}
		.tres {background:url(img/bgtres.gif);}
		.cuatro {background:url(img/bgcuatro.gif);}
		.cinco {background:url(img/bgcinco.gif);}
		.seis {background:url(img/bgseis.gif);}
		.siete {background:url(img/bgsiete.gif);}
	#boxwhite {background:white;width:224px; height:200px;}
		#boxwhite ul {padding:18px 18px 18px 30px;margin:0;font-size:17px;}
		#boxwhite li {margin-bottom:10px;}
		
#menutrabajos {border-top:1px solid black;width:775px;padding-top:14px;}
#menutrabajos a {color:black; text-decoration:none;padding-top:12px;font-size:13px; outline:none;}
#menutrabajos a:hover {color:#ff00ba;}
#menutrabajos #current {color:#ff00ba;border-top:4px solid #ff00ba;cursor:default;}
.middot {padding:0 2px 0 4px;cursor:default;font-size:120%;}
.maintitle {background:url(img/bgsiete.gif);font-size:30px;height:47px;width:960px;text-align:center;padding-top:11px;margin:17px 0 0 0;border:1px solid #d5d2bb;position:relative;left:-3px;#left:0px;}


.paginacion {width:98%;text-align:right;margin:8px 0 10px 0;}
.paginacion a {text-decoration:none;}
.paginacion a:hover {text-decoration:underline;}
.results {margin:3px 0 3px 0;}
#result {}
#boxfoto {width:276px;height:153px;padding:14px 0 10px 0;border-top:1px solid #7a756a;border-left:1px solid #7a756a;border-right:1px solid #7a756a;}
#boxfoto img {border:6px solid white;}
#boxfoto img:hover {filter: alpha(opacity=85); opacity: .85}
#boxresult {width:278px;height:20px;padding:10px 0;color:white;text-algin:center;font-size:16px;border-top:1px solid #353328;}
#boxresult a {color:white;text-decoration:none;}
#boxresult a:hover {color:#f1f0e8;}
.boxbottom {margin:0 0 40px 0;}
#pdf {width:143px;height:32px;background:url(img/pdf.png) no-repeat;cursor:pointer;margin:12px 0 0 20px;}
#pdf:hover {background-position:0 -32px;}

#prodactual {font-size:14px;margin:24px 0 10px 0;}
#prodactual a {text-decoration:none;}
#prodactual a:hover {text-decoration:underline;}
#ficha {width:901px;height:460px;padding:30px;margin:0 0 40px 0;}
	.fichacontent {background:white;width:878px;height:440px;padding:10px;}
	.fichacontent h1 {font-size:21px;}
	.fichacontent p {font-size:14px; line-height:19px;}
		.descripcion {margin:20px 30px;}

.maincontact {background:url(img/bgsiete.gif);font-size:24px;height:50px;width:935px;padding-top:18px;margin:20px 0 0 0;border:1px solid #d5d2bb;padding-left:24px;}		
.gmap {background:white;width:569px;height:440px;padding:10px;}
#contactcard {width:230px;height:141px;background:white;padding:20px 25px;}
	#contactcard h1 {font-size:17px;}
	#contactcard p {font-size:14px;margin:6px 0;}
	#contactcard a {text-decoration:none;font-weight:bold;}
	#contactcard a:hover {text-decoration:underline}
#form {color:#282009;font-size:13px;font-weight:bold;margin:14px 0 0 0;}
#form td {height:30px;vertical-align:middle;}
#form input {background-color:#504c40;border:0;outline:none;height:16px;width:190px;padding:2px 6px;color:#f1f0e8;}
#form textarea {background-color:#504c40;border:0;outline:none;height:84px;width:270px;padding:2px 6px;color:#f1f0e8;margin-top:4px;}
.comments {margin:8px 0 12px 0;}
#form a {background:white;height:35px;padding:3px 12px;text-decoration:none;font-size:12px;}
#form a:hover {background:#ff00ba;color:white;}

#aviso {margin:0 45px 0 45px;height:360px;}
#aviso h1 {margin-bottom:30px;}
#aviso h2 {font-size:14px;font-weight:bold;margin:0;padding:0;}
#aviso p {font-size:14px;line-height:19px;}


/* FOOTER */
	/* CLEAR FIX : Sticky footer code */
	.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.clearfix {display: inline-block;}
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}	
	
	#footer {position: relative;border-top:1px solid #13acb2;width:100%;height:204px;margin-top:-204px;clear:both;}
	#footercontent {background:url(img/bgfooter.gif);border-top:7px solid #00f6ff;height:200px;}
	#footercontentbg {background:url(img/bgfooterbg2.png) no-repeat bottom left;width:960px;height:160px;text-align:left;color:#a5a5a5;font-size:14px;padding-top:36px;line-height:30px;margin:3px 0 0 94px;}
	.aviso {margin-top:10px;}
	.aviso a {font:12px Arial, Helvetica, sans-serif;color:#308b90;text-decoration:none;}
	.aviso a:hover {color:#00f6ff;}