/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {

	border-top:5px solid #50b5c5;
	color: #576672;
	font-size: .75em;
	padding: 0;
	background-image:url(../images/GradBlackBlue.png);
	background-repeat:repeat-x;
	background-color: #000000;

}

#header{
	margin-top:0px;
	display:block;
	background:#cdcdcd;
	background-image:url(../images/myHeader2.png);
	background-repeat:no-repeat;
	height:300px;
	margin-bottom:-50px;
}

#headerFondos{
	margin-top:25px;
}


#headerFondos img{
	border : 2px solid #aaa;
}
/* anchors
----------------------------------------------- */
a {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background: #dedede;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:.5em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}




/* branding
----------------------------------------------- */
#branding{
	font-weight:normal;
	font-size:3.10em;
	text-align:left;
	background:transparent;
	padding:.7em 1em .7em 1em;
	margin-left:-40px;
	margin-bottom:0px;
	margin-top:60px;
}
#branding a{
	color : #eeeeee;
}
#branding a:hover{
	color : #000000;
}

#tel{
	font-weight:bold;
	font-size:2.5em;
	text-align:center;
	margin-top:40px;
}


/* page heading
----------------------------------------------- */
#page-heading{
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

#content-heading h1{

    font-size:2em;
    font-family : "ms-trebuchet", sans-serif;
    color : #50b5c5;
    text-transform : capitalize;
    padding:.5em;
    margin:0 0 10px 0;
    border-bottom:1px solid #ccc;
}

#content_container {

}

#content_container p{

    font-size:1.25em;
    text-align : justify;
    padding: 10px;
}

#pucpr{
	font-weight: 700;
	font-size:1.66em;
	padding:.25em;
	margin-left:10px;
	margin-top:-20px;
	color : #757575;
}


/* boxes
----------------------------------------------- */

.boxCenter {
	background:#ddd;
	margin-bottom:20px;
	margin-top:120px;
	padding:10px 20px 1px 20px;

}

.boxRight {
	background:#ddd;
	margin-bottom:20px;
	margin-top:20px;
	padding:10px 20px 1px 20px;
	height:315px;
}


.box {
	background:#ddd;

	padding-left:20px;
	padding-top:18px;

	background-image : url("../images/petrol.png");
	height:315px;
}


.box h2 {
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	background:#50b5c5;
	margin: -10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#50b5c5 url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}

.box2 {
	background:#bbdede;
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	height :400px;
	border : 1px solid #bbbbbb;
}

.box2 h2 {
	font-size:1.1em;
	color:#ffffff;
	background:#50b5c5;
	margin:-10px -10px 20px -10px;
	padding:6px 12px;
}

.box2 h2 a,
.box2 h2 a.visible {
	color:#fff;
	background:#50b5c5 url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}

.box3 {
	background:#bbdede;
	margin-bottom:20px;
	padding:10px 10px 20px 10px;

	border : 1px solid #bbbbbb;
}

.box3 h2 {
	font-size:1.1em;
	color:#ffffff;
	background:#50b5c5;
	margin:-10px -10px 20px -10px;
	padding:6px 12px;
}

.box3 h2 a,
.box3 h2 a.visible {
	color:#fff;
	background:#50b5c5 url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}


.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#709595;
}
.block {
	padding-top:10px;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
	font-size : 1.5em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}



#content {
	margin-top:30px;
}

#featured {
	float:right;
	margin-top:30px;
	margin-left:-20px;
}

#footer  {
	padding : 5px;
	margin-right:10px;
	color:#ccc;
	background:#666;
	margin-bottom:10px;
	font-size: .7em;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	color:#000;
}

.boxFooter {
	padding-left:20px;
	padding-top:18px;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


.getfastBut {
	width: 60px;
	height: 60px;
}

#logo{	background:#ffffff url(../images/logo.jpg) no-repeat scroll center top;
	height:150px;
	width:153px;
	margin : 20px;
	border: 1px solid #999999;
}


img.project-img {
display:block;
left:60px;
position:relative;
top:0px;
}

#but1 {
	margin-top:100px;
	font-size: 32px;
	color : #ffffff;
	margin-right:50px;
	text-align: right;
}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:360px;

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0px;
    z-index:8;
    opacity:0.0;
    padding:0px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



.vidselector li {
	text-align: left;
	list-style: none;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #dedbd1;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.imgLeft {
	float:left;
	margin: 10px;
	padding:0px;
	border:1px solid #aaaaaa;
	background:#fff;
	display: inline;
}

.imgRight {
	float: right;
	margin: 10px;
	padding:0px;
	border:1px solid #aaaaaa;
	background:#fff;
	display: inline;
}

#title {
	padding :20px;
}

#leftNav{
	background:#dedede;

}
.LeftNavLevel1{
	display:block;
	font-size : 2em;
	padding : 10px;
}

.LeftNavLevel1 a.menuA{
	font-weight : 900;
	color: #00B060;
}
.LeftNavLevel1 a.menuB{
	font-weight : 900;
	color: #F5B800;
}
.LeftNavLevel1 a.menuC{
	font-weight : 900;
	color: #397597;
}
.LeftNavLevel1 a.menuD{
	font-weight : 900;
	color: #800152;
}

.LeftNavLevel2{
	display:block;
	font-size : 14px;
	padding :4px;
	border-bottom : 1px solid #aaaaaa;
	color:#aaaaaa
}

.LeftNavLevel2 a{

	color:#656565;
}

.LeftNavLevel2 a:hover{

	color:#000000;
}

#socialNets{
	width:240px;
	float: left;
	display: inline;
	margin-top: -0px;
	margin-left:-10px;

}

#MainMenu{
	margin-top:10px;
	padding-left:10px;
	padding-top:10px;
	font-size:1em;
}

#rssTicker {
	font-size: 1em;
	text-align: justify;
}

#TopNav{
	padding-top:10px;
}
#leftHeader{
	margin-top:0px;}



/* Otros Servicios Menu */
.menu3{margin-top:8px; padding:0; width:260px; list-style:none;background:rgb(222,222,222);}
.menu3 li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu3 li a{text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('../images/verMenu3Images.png') 0px 0px no-repeat; text-decoration:none;}
.menu3 li a:hover{background:url('../images/verMenu3Images.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu3 li a.active, .menu li a.active:hover{background:url('../images/verMenu3Images.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu3 li a span{line-height:40px;}

.JTickerTitle {
	padding-bottom :5px;
}

.catalogo{
	padding :20px;
	margin:20px;
}

.catalogo img{
	border : solid 1px #aaaaaa;
	margin-right : 15px;
	margin-bottom : -25px;
}

.catalogo a {
	color: #50b5c5;
	font-weight:bold;
	text-decoration: none;
	padding : 15px;
}
.catalogo a:hover {
	color:#333;
}

.newLightBlue {
		color: #94AFFF;
		font-weight:bold;
}
.newRed {
		color: Red;
		font-weight:bold;
}

.newBlue{
		color: #002142;
		font-weight:bold;
}

.newDarkGray{
		color: #808080;
		font-weight:bold;
}

#newProgsPromo {
		color:#50B5c5;
		font-size : 1.5em;
		font-weight : 700;
}
#newProgsPromo li{
		padding-top :100px;
		list-style-type:none;
}

.helpRed {
		color: Red;
		font-weight:bold;
		font-size : 2.5em;
		}
		
.BlackBack {
		color: #FFF;
		font-weight:bold;
		font-size : 1.5em;
		background-color: #000;
		}
		
.BlueBack {
		color: #FFF;
		font-weight:bold;
		font-size : 1.5em;
		background-color: #1240AB;
		}		
#alignCenter {
		text-align : center;
		color: blue;
		font-weight:bold;
		font-size : 1.5em;
}