@charset "utf-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:  #051616 url(img/mainwrap_bg.jpg) repeat-y top center;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

img {
	border: none;
	outline: 0;
}

a {
	outline: 0;
}

span {
	display: none;
	visibility: none;
	heght: 0;
	width: 0;
}

img, p, li, ul {
	margin:0;
	padding:0;
}

h1 {
	margin: 0 0 0 20px;
	padding: 15px 0 0 50px;
	color: #fff;
	font-weight:normal;
	font-size: 28px;
	background: url(img/h1-logo.jpg) left bottom no-repeat;
	height: 45px;	
}

h2 {
	margin: -12px 0 0 40px;
	padding: 0 0 0 30px;
	color: #ccc;
	font-weight:normal;
	font-size: 14px;
}

h3 {
	text-indent:-9999px;
	margin: 10px 0 0 15px;
	width:265px;
	height: 25px;
}

h3.bienvenidos {
	background:url(img/bienvenidos.jpg) center center no-repeat;
}

h3.noticias {
	background:url(img/noticias.jpg) center center no-repeat;
}

h3.otrosServicios {
	background:url(img/otros-servicios.jpg) center center no-repeat;
}

h3.clientes {
	background:url(img/clientes.jpg) center center no-repeat;
}

a {
	color: #538fa7;
}

a:hover {
	color: #34b191;
}	

#bodywrap {
	width: 960px;
	margin: 0 auto;
	text-align:center;
}

#menuwrap {
	width: 940px;
	height: 50px;
	background: #3b3b3b;
	margin: 0 auto;
}

#menu {
	width: 900px;
	height: 40px;
	margin: 0 auto;
	border-top: 3px #b8af9e solid;
	
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 40px;
}

#menu ul li {
	display:inline;
}

#menu ul li a {
	width: 150px;
	height: 40px;
	background: url(img/menu_bg.jpg) center top no-repeat;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	text-align:center;
	color: #000;
	text-decoration:none;
	font-size:13px;
}

#menu ul li a:hover, #menu ul li #active {
	background: url(img/menu_bg2.jpg) center top no-repeat;
	background-position: 0px -5px;
	padding: 5px 0 0 0;
}

#header {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 40px 0;
}

#mainwrap {
	width: 940px;
	margin: 0 auto;
	background-color: #2d2d2d;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}
	
#main {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.mblock {
	display: block;
	width: 225px;
	float: left;
	margin: 0 0 20px 0;
}

.clear {
	clear: both;
}

.rojo {
	color: #b84844;
}

.amarillo {
	color: #b2b36b;
}

.azul {
	color: #50d2e1;
}

.verde {
	color: #448e52;
}

.curso1 {
	background:url(img/curso1.jpg) center top;
	display:block;
	height: 320px;
	width: 222px;
	text-indent:-9999px;
}

.curso1:hover {
	background:url(img/curso1.jpg) center bottom;
}

.curso2 {
	background:url(img/curso2.jpg) center top;
	display:block;
	height: 320px;
	width: 222px;	
	text-indent:-9999px;
}

.curso2:hover {
	background:url(img/curso2.jpg) center bottom;
}

.curso3 {
	background:url(img/curso3.jpg);
	display:block;
	height: 320px;
	width: 222px;	
	text-indent:-9999px;
}

.curso3:hover {
	background:url(img/curso3.jpg) center bottom;
}

.curso4 {
	background:url(img/curso4.jpg);
	display:block;
	height: 320px;
	width: 222px;	
	text-indent:-9999px;
}

.curso4:hover {
	background:url(img/curso4.jpg) center bottom;
}

#bottom {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align:left;
	width: 900px;
}

#bottomMain {
	margin: 0 auto;
	padding: 25px 0 25px 0;
	text-align:left;
	width: 900px;
}

.bblock1 {
	display: block;
	background: url(img/bblock_bg1.jpg) center left no-repeat;
	width: 300px;
	height: 200px;
	float: left;
	margin: 0 0 20px 0;
}

.bblock2 {
	display: block;
	background: url(img/bblock_bg2.jpg) center left no-repeat;
	width: 300px;
	height: 200px;
	float: left;
	margin: 0 0 20px 0;
}

.bblock3 {
	display: block;
	background: url(img/bblock_bg3.jpg) center left no-repeat;
	width: 300px;
	height: 200px;
	float: left;
	margin: 0 0 20px 0;
}


.bblock1 p,.bblock3 p {
	color: #ccc;
	width: 265px;
	margin: 10px 0 0 15px;
	font-size:14px;
}

.bblock2 p {
	color: #ccc;
	width: 265px;
	margin: 10px 0 0 15px;
	font-size:12px;
}

.bblock3 p {
	color: #ccc;
	width: 265px;
	margin: 10px 0 0 15px;
	font-size:12px;
}

.bblock3 p a {
	font-size:14px;
}

.rojo {
	color: #ab4746;
}

.amarillo {
	color: #b9ba83;
}

.azul {
	color: #5390a7;
}

.verde {
	color: #608a68;
}

#footer {
	padding: 0px 0 15px 0;
	color: #666;
	font-size:11px;
}

.clienteBarra {
	background: url(img/barra-clientes.jpg) center top;
	display: block;
	height:  100px;
	width: 900px;
	text-indent:-9999px;
}

.clienteBarra:hover {
	background: url(img/barra-clientes.jpg) center bottom;
}

#contactForm {
	color: #ccc;
	padding: 0 0 40px 0;
}

#contactForm p {
	padding:0;
	margin: 20px 0 20px 0;
	font-size: 14px;
}

p.first {
	font-size: 16px;
	color: #fff;
	display:block;
}

#contactForm input,#contactForm select, #contactForm textarea {
	background: #ccc;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
}

#contactForm textarea {
	width: 394px;
	height:100px;
}

#contactInfo {
	float: right;
	margin: 20px 40px 0 10px;
	padding-left: 80px;
	color: #ccc;
	font-size: 13px;
	border-left: 1px solid #aaa;
}

#contactInfo h4 {
	font-size: 16px;
	color: #538fa7;
}

#contactInfo p {
	margin: 12px 0 12px 0;
}

#contactInfo strong {
	color: #34b191;
}

#portfolio {
	width: 90%;
	background:url(img/portfolioBG.jpg) top right no-repeat;
}

#portfolio h4 {
	color: #538fa7;
	margin: 0;
	padding: 0;
}

#portfolio p {
	color: #ccc;
	margin: 0 0 20px 0;
}

#articles {
	width: 200px;
	float: left;
	margin: 0 20px 0 0;
}

#articles h4 {
	color: #538fa7;
	margin: 0;
	padding: 0;
	font-size: 16px;
	border-bottom: 2px solid #538fa7;
}

#countrydivcontainer {
	float: left;
	width: 679px;
}

#countrytabs {
	margin:0;
	padding:0;
	list-style-type: none;
}

.art a {
	display:block;
	color: #ccc;
	font-size:16px;
	padding: 25px 0 25px 60px;
	margin: 0 0 0 25px;
	text-decoration:none;
	background: url(img/acrobat.jpg) no-repeat left center;
}

#quienesomos p {
	color: #ccc;
	margin: 10px 0 20px 0;
	font-size: 16px;
}

#quienesomos li {
	color: #ccc;
	margin: 0 0 0 20px;
}

#quienesomos ul {
	margin: 0 0 30px 0;
}

#quienesomos h4 {
	color: #34b191;
}

#left {
	float: left;
	width: 630px;
	padding: 0 30px 0 0;
}

#left strong {
	color: #34b191;
}

#left table {
	color: #fff;
}
	
#right {
	border: 2px solid #666;
	color: #fff;
	float: left;
	width: 200px;
	background: #333;
	padding: 20px 10px 0 15px;
	font-size:14px
}

#right ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#right ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

#right ul li strong {
	color: #34b191;
}