@charset "UTF-8";

/*
Theme Name: MetroGlass 2
Theme URI: http://pixalife.com
Description: Sleek smart theme for pixalife.com
Version: 2.0
Author: Pixalife
Author URI: http://pixalife.com/

   Blue:#3399FF
   Green:#99CC00
   Red:#CC0033
   Yellow:#FFFF33
   Gray: #B6BEC9
   
*/ 



/* Start of CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height:normal;
	color:#FFF;
	background:#000 url(../images/bg/mainbg.jpg) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	
}

/*h1, h2, h3, h4, h5, h6{
	font-family:Geneva, Arial, Helvetica, sans-serif;

}*/

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p{
	font-size:0.9em;
}

/* End of CSS Reset */

.blue{
	color:#3399FF;
}

.blue a{
	color:#3399FF;
}


   
.green{
	color:#99CC00;
}

.green a{
	color:#99CC00;
}



.red{
	color:#CC0033;
}

.yellow{
	color:#FFFF33;
}



.orange{
	color:#f68e56;
}

.orange a{
	color:#f68e56;
}




.gray{
	color:#B6BEC9;
}

.white{
	color:#FFF;
}

.bold{
	font-weight:bold;
}


/*--------------------------- Home ------------------------------*/

div#homewrapper{
}


div#homecontainer{
	background:url(../images/bg/theone.jpg);
	width:960px;
	min-height:740px;
}












/*--------------------------- Hephaestus ------------------------------*/

div#maincontainer{
	width:960px;
	margin:0 auto;
}

div#maincontent{
}


div#content{
	min-height:500px;
}


div#header{
	background:url(../images/bg/mainheader.jpg) no-repeat 0 0;
	height:316px;
}

div#upperheader{
	height:30px;
	margin-bottom:210px;
}

div#mainmenu{
	height:50px;
	clear:both;
}

ul#menuprincipal{
	margin-left:195px;
}

ul#menuprincipal li{
	width:80px;
	float:left;
	text-align:center;
	margin-right:13px;
	font-size:1em;
	
}

ul#menuprincipal li a{
	color:#999;
	text-decoration:none;
	display:block;
	padding-bottom:35px;
	padding-top:10px;
}

ul#menuprincipal li a:link{
	color:#FFF;
}

ul#menuprincipal li a:hover{
	color:#FFF;
	background:url(../images/bg/blink.png) no-repeat center 37px;
}

ul#menuprincipal li a:visited{
	color:#fff;
}

ul#menuprincipal #currentpage a {
	color:#3399FF;
	background:url(../images/bg/blink.png) no-repeat center 37px;
}


/*ul#menuprincipal li a#current{
	color:#FFF;
	background:url(../images/bg/blink.png) no-repeat center 37px;
}*/

div#contenthead{
	float:left;
	clear:both;
	margin-bottom:20px;
}

h1.contenttittle{
	
}

h1.contenttittle img{
	margin-left:385px;
	
}



/*--------------------------- Cohen ------------------------------*/


div#portafoliocontainer{
	min-height:692px;
	margin-top:15px;
	background:url(../images/bg/portafoliobg.jpg) no-repeat 0 0;
}



h2.portatittle{
	font-size:1.5em;
	margin-bottom:10px;
	margin-left:-15px;
	text-align:center;
	color:#999;
}

img.corporativa{
	border:3px solid #fff;
	margin:0 10px 10px 0;
}

img.corporativa:hover{
	border:3px solid #99CC00;
}

h3.titulowebsite{
	color:#99CC00;
	font-size:1.4em;
	margin-bottom:8px;
}

p.descripcionwebsite{
	margin-left:250px;
	font-size:0.7em;
	width:215px;
	line-height:1.2;
}

p.urlwebsite{
	color:#3399FF;
	margin-left:250px;
	font-size:0.7em;
	margin-bottom:10px;
}



/*--------------------------- Rapture ------------------------------*/

div#footerwrapper{
	background:#000 url(http://www.pixalife.com/images/bg/footerbg.jpg) repeat-x top center;
	width:100%;
	clear:both;
}

div#footer{	
	margin:0 auto;
	width:960px;	
}

div#upperfooter{
	background:url(../images/bg/upperfooterbg.jpg) no-repeat 27px 0;
	min-height:308px;
	padding:110px 0 0 45px;
	margin-bottom:60px;
}

div#downerfooter{
	background:url(../images/bg/downerfooterbg.jpg) no-repeat bottom center;
	min-height:209px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

div.bathyspheres{
	width:250px;
	float:left;
	margin:0 25px 40px 0;
	padding:15px;
}

div.bathyspheres p{
	margin-bottom:10px;
	color:#3399ff;
	font-size:0.7em;
}

div.bathyspheres h3{
	font-size:1.5em;
	color:#FFF;
	margin-bottom:10px;
}

div#socialfooter{
}

img.socialimages{
	margin:0 5px 0 0;
}

div#footerproject{
}

div.pfcapsule{
	float:left;
	margin:0 10px 10px 0;
}

div.pfcapsule img{
	border:3px solid #FFF;
	margin-bottom:5px;
}

div.pfcapsule img:hover{
	border:3px solid #3399ff;
}

div.pfcapsule p{
	font-size:0.6em;
	margin-bottom:0;
}

h4.pfsub{
	text-transform:uppercase;
	font-size:0.7em;
	color:#fff;
	margin-bottom:10px;
}

div#copyright{
	padding-top:162px;
	padding-left:375px;
}

div#copyright p{
	font-size:0.6em;
}

div#copyright a{
	color:#3399ff;
}

div#copyright a:hover{
	color:#fff;
}

div#copyright a:visited{
	color:#fff;
}
	




/*--------------------- FROLIC ---------------------*/


img.portafolioheader {
	z-index:100;
	margin:0 0 15px 5px;
	text-align:center;
}

div.portalargecontainer {
	padding-left:14px;

}

div.portaweb { margin-bottom:5px; }

div.portaweb a { color:#3399FF; }

div.portaweb a:hover { color:#FFF; }

h3.webclient {
	color:#99CC00;
	font-size:1.4em;
	margin-bottom:10px; }

img.webgala {
	border:3px solid #FFF;
	margin-bottom:10px; }

img.webgala:hover { 
	border:3px solid #99CC00;
}

p.webdescription {
	color:#FFF;
	text-align:right;
	margin-right:15px;
}

p.weblink {
	color:#3399FF;
	text-align:right;
	margin-right:15px;
	margin-bottom:15px; }

img.minilogos {
	margin-left:21px;
	border:3px solid #FFF;
	margin-bottom:10px; }

img.minilogos:hover { border:3px solid #99CC00; }
	
	
div#manson {
	width:495px;
	margin-left:230px;
	margin-top:40px;
	float:left;
}


#basic-accordian {
	padding:5px 5px 170px 5px;
	z-index:2; /*position:absolute;*/
	float:left;
	background:url(../images/bg/portafooter.jpg) no-repeat bottom center; }


/*------- Frolic Menu ------*/

div#secmenu {
	float:left;
	clear:both;
	margin:35px 0 0 230px;
}

div#secmenu a{
	text-decoration:none;
	color:#FFF;
}

.accordion_headings {
	margin-right:10px;
	color:#FFF;
	font-size:0.8em;
	cursor:pointer;
	
}

.accordion_headings:hover {
	color:#000;
}

.accordion_child {

}

.header_highlight {	
	color:#99CC00;
}
	
	
div#test1-header{
	background:url(../images/bg/weboff.png) no-repeat 0 0;
	width:89px;
	text-align:center;
	float:left;
	padding:6px 0 8px 0;
}

div#test1-header:hover{
	background:url(../images/bg/webon.png) no-repeat 0 0;
}



div#test2-header{
	background:url(../images/bg/imoff.png) no-repeat 0 0;
	width:186px;
	text-align:center;
	float:left;
	padding:6px 0 8px 0;
}

div#test2-header:hover{
	background:url(../images/bg/imon.png) no-repeat 0 0;
}





div#test3-header{
	background:url(../images/bg/multioff.png) no-repeat 0 0;
	width:110px;
	text-align:center;
	float:left;
	padding:6px 0 8px 0;
}

div#test3-header:hover{
	background:url(../images/bg/multion.png) no-repeat 0 0;
}




div#test4-header{
	background:url(../images/bg/disoff.png) no-repeat 0 0;
	width:82px;
	text-align:center;
	float:left;
	padding:6px 0 8px 0;
}

div#test4-header:hover{
	background:url(../images/bg/dison.png) no-repeat 0 0;
}


/*---------------------- NEPTUNE  ----------------------*/

div#servicioscontainer{
	background:url(../images/bg/servbg.jpg) repeat-y 85px 0;
	clear:both;
	margin-left:30px;
}

div#servicioshead{
	background:url(../images/bg/servheader.jpg) no-repeat 165px 0;
}




/*------------- Fontaine ----------*/
div#leftmenu{
	float:left;
	z-index:999;
	
}

				ul#lmenu{
					text-align:left;
					list-style:none;
					z-index:999;
					margin-top:160px;
					float:left;
					
				}
				
				ul#lmenu li{
					font-size:0.7em;
				}
				
				ul#lmenu li a{
					text-decoration:none;
					color:#fff;
					font-weight:bold;
					background:url(../images/bg/serleftoff.png) no-repeat top left;
					padding:18px 70px 16px 20px;
					display:block;
					
				}
				
				ul#lmenu li a:hover{
					background:url(../images/bg/serlefton.png) no-repeat top left;
					color:#FFF;
				}
				
				

div#rightmenu{
	float:left;
	z-index:999;
}

				ul#rmenu{
					text-align:right;
					list-style:none;
					width:222px; 
					margin:-295px 0 100px 685px;
				}
				
				ul#rmenu li{
					font-size:0.7em;
						
						
				}
				
				ul#rmenu li a{
					text-decoration:none;
					color:#fff;
					font-weight:bold;
					background:url(../images/bg/serrightoff.png) no-repeat top right;
					padding:18px 20px 17px 45px;
					display:block;
					
				}
				
				ul#rmenu li a:hover{
					background:url(../images/bg/serrighton.png) no-repeat top right;
					color:#FFF;
				}
				
				

/*------------- Servicios ----------*/

div#serviciosmain{
	float:left;
}

h2.serviciostittle{
	font-size:1.9em;
	color:#000;
	clear:both;
	margin-bottom:85px;
}

h3.serviciossubtittle{
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	border-bottom: 1px solid #333;
	padding-bottom:10px;
	margin-bottom:20px;
}

div.serviciostext{
	width:385px;
	margin-left:35px;
	padding:0 15px;
}

div.serviciostext p{
	color:#000;
	font-size:1em;
}

.linksserviciostext{
	margin-top:10px;
}

.linksserviciostext a{
	color:#99CC00;
	font-size:0,75em;
}



div#serviciosfooter{
	background:url(../images/bg/servfooter.jpg) no-repeat 85px bottom;
	min-height:249px;
}


/*---------------------- Suchong -------------------*/


div#aboutcontainer{
	clear:both;
	padding-bottom:50px;
}

div#aboutmain{
	background:url(../images/bg/aboutmainbg.jpg) no-repeat 0 0;
	min-height:416px;
}

				div#galeriasmain{
					background:url(../images/bg/galeriasmainbg.jpg) no-repeat 0 0;
					min-height:416px;
				}

div#aboutdisclamer{
	width:260px;
	margin-left:620px;
	padding-top:25px;
}

div#disclamericons{
	margin:10px 0 5px 80px;
}

div#disclamericons img a{
	border:none;
	padding-bottom:5px;
}

div#disclamericons img:hover{
	border-bottom:1px solid #fff;
}


div#aboutdisclamer h1{
	font-size:3.1em;
	font-weight:lighter;	
}

div#aboutdisclamer h3{
	font-size:0.75em;
	text-transform:uppercase;
	margin-bottom:5px;	
}

div#aboutdisclamer h5{
	font-size:0.7em;
	padding-bottom:10px;
	color:#3399FF;
	margin-top:10px;
	text-transform:uppercase;
	border-bottom:1px dotted #3399FF;
}

div#aboutdisclamer p{
	font-size:0.7em;
	margin-bottom:5px;
}

div#aboutalpha{
	padding:25px 0 0 40px;
}

.aboutalphahtittle{
	font-size:2.6em;
	width:880px;
	padding-bottom:10px;
	margin-bottom:15px;
	margin-top:-10px;
	border-bottom:1px dotted #333;
	text-align:center;
	color:#3399FF;
	clear:both;
}

ul#alphalist{
}

ul#alphalist li{
	list-style:disc;
	margin:5px 5px 10px 10px;
	font-size:0.8em;
}


div.alphacapsule{
	width:250px;
	min-height:250px;
	float:left;
	padding-right:25px;
	margin-right:25px;
	margin-bottom:35px; /*------------------Maybe this one ------------*/
	border-right:1px solid #333;

}

div.alphacapsule:last-child{
	border-right:none;
}

div.alphacapsule h2{
	font-size:1.4em;
}

div.alphacapsule h3{
	font-size:0.7em;
	text-transform:uppercase;
	margin-bottom:10px;
}

div.alphacapsule h4{
	font-size:0.7em;
	margin-top:12px;
}

div.alphacapsule h4 a{
}

div.alphacapsule h4 a:hover{
	color:#fff;
}

div.alphacapsule p{
	color:#FFF;
	font-size:0.7em;
	clear:both;
	text-align:justify;
	margin-bottom:10px;
}

.alphaimage{
	float:left;
	margin:0 10px 10px 0;
}

.newsplash{
	float:left;
	margin:0 20px 10px 0;
}