@charset   "utf-8";

/* CSS Document */
/** General **/
body
{
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 14px;
}

img
{
	border: 0;
}

fieldset {
	border: 0;
}

.clear
{
	clear: both;
	display: block;
}

p
{
	font-family: Arial, Verdana, sans-serif;
	color: #7c8073;
	font-size: 14px;
}

a
{
	color: #ea433f;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.spacerR20
{
	margin-right: 20px;
}

h1
{
	color: #575950;
	font-size: 36px;
	line-height: 24px;
	margin-bottom: 0;
}

h1 .active
{
	color: #eb4440;
	font-size: 24px;
}

h2
{
	color: #575950;
	font-size: 24px;
	line-height: 18px;
}

h2 .active
{
	color: #eb4440;
	font-size: 18px;
}

h3
{
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}

h3 .active
{
	color: #eb4440;
	font-size: 14px;
}

h4
{
	font-size: 18px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

h4 .active
{
	color: #eb4440;
	font-size: 14px;
	text-transform: uppercase;
}

/** Container **/
#container
{
	margin: 0 auto;
	width: 940px;
	display: block;
}

/** Header **/
#header
{
	color: #000;
	background-color: #e7e69a;
	height: 120px;
	width: 940px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;
}

#logo
{
	padding: 36px 0 0 59px;
	float: left;
}

#webMap
{
	float: right;
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 10px;
	background: #f5f5d7;
	color: #ea433f;
	height: 20px;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

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

ul#mapList li
{
	list-style: none;
	float: left;
}

ul#mapList h3
{
	font-size: 12px;
	line-height: 20px;
}

#webMap li.separador
{
	margin: 0 5px 0 5px;
	color: #ea433f;
	font-size: 12px;
	line-height: 20px;
}

#webMap a
{
	color: #ea433f;
	text-decoration: none;
}

#webMap a.active
{
	color: #575950;
	font-size: 14px;
}

#webMap a:hover
{
	color: #ea433f;
	text-decoration: underline;
}

#webMap a.active:hover
{
	text-decoration: underline;
	color: #575950;
}

#menu
{
	float: right;
	display: block;
}

ul#menuList
{
	margin-top: 0px;
}

ul#menuList li
{
	list-style: none;
	float: left;
	margin-right: 25px;
}

#menu li.separador
{
	margin: 0 5px 0 5px;
	color: #ea433f;
}

#menu a
{
	color: #ea433f;
	text-decoration: none;
}

#menu a.active
{
	font-size: 14px;
	color: #575950;
}

#menu a:hover
{
	color: #ea433f;
	text-decoration: underline;
}

#menu a.active:hover
{
	text-decoration: underline;
	color: #575950;
}

/** Footer **/
#footer
{
	margin-top: 20px;
	color: #000;
	background-color: #e7e69a;
	height: 120px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;
}

.footerMap
{
	margin: 30px 0 0 20px;
	padding: 0px;
	float: left;
}

.footerList
{
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

.footerList li
{
	margin: 0px;
	padding: 0px;
	color: #575950;
	display: inline;
	margin-right: 5px;
}

.footerList li a
{
	color: #575950;
	text-decoration: none;
}

.footerList li a:hover
{
	text-decoration: underline;
}

.footerList li a.active
{
	color: #ea433f;
}

#gracias
{
	float: right;
	margin: 20px 20px 0 0;
}

/** Content **/
#content
{
	margin: 40px 0 40px 0;
	width: 940px;
}

#highlight
{
	width: 940px;
	height: 200px;
	background: url("../images/central.png") no-repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

#highlightTitle
{
	padding: 30px 0 0 360px;
}

#highlight p
{
	padding-left: 362px;
	width: 570px;
	font-size: 14px;
}

#destacados
{
	width: 940px;
	height: 220px;
	margin: 40px 0 0 0;
}

.destacado
{
	width: 280px;
	height: 220px;
	background-color: #f5f5d7;
	float: left;
	margin-bottom: 30px;
	padding-left: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

.claim
{
	float: left;
	margin: 20px 0 0 0px;
	width: 270px;
}

.logoClaim
{
	margin-top: 100px;
}

.textClaim
{
	margin-left: 60px;
	margin-top: -72px;
}

.textClaim p
{
	width: 200px;
}

.masInfo
{
	padding: 0px;
	width: 120px;
}

.masInfo p
{
	margin: 2px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
}

.masInfo a
{
	border: 1px solid #b6b576;
	padding: 0 10px 0 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	color: #ea433f;
	text-decoration: none;
}

.masInfo a:hover
{
	border: 1px solid #ea433f;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	text-decoration: none;
}

/** Agencias **/
.destacadoLateral
{
	width: 300px;
	height: 200px;
	background-color: #f5f5d7;
	float: left;
	margin-bottom: 30px;
	display: block;
	margin-right: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

.logoInterior
{
	margin: 50px 0 0 20px;
}

.menuLateral
{
	float: left;
	padding-left: 20px;
}

.menuLink
{
	margin-bottom: 10px;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 2px;
	font-size: 12px;
}

.menuLink a
{
	border: 1px solid #b6b576;
	padding: 0 4px 0 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	color: #ea433f;
	text-decoration: none;
}

.menuLink a:hover
{
	text-decoration: none;
	border: 1px solid #ea433f;
	padding: 0 4px 0 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

.menuTitle
{
	margin-top: 30px;
	color: #b6b576 !important;
}

.menuText
{
	margin-top: -5px;
	line-height: 18px;
	width: 250px;
}

.bodyRight
{
	margin: 0px;
	width: 620px;
	margin-top: -190px;
	display: auto;
	float: right;
}

.laAgenciaFree .contentModule
{
	min-height: 100px;
}

.freelance .contentModule
{
	min-height: 250px;
}

.pymes .contentModule, .agencias .contentModule
{
	min-height: 150px;
}

.contentModule
{
	color: #575950;
	font-size: 14px;
	margin-top: 25px;
	margin-bottom: 25px;
	display: block;
}

.internalClaim
{
	float: left;
	display: block;
}

.pymeLogo, .agenciaLogo
{
	margin-top: 15px;
	width: 110px;
	float: left;
	display: block;
	margin-right: 10px;
}

.agenciaFreeLogo
{
	margin: 0 10px 10px 0;
	width: 110px;
	float: left;
	display: block;
}

.pymeSpacer
{
	border-top: 1px solid #B6B576;
	width: 620px;
}

.freelanceLogo
{
	margin-top: 15px;
	width: 200px;
	float: left;
	display: block;
	margin-right: 20px;
}

.spacerH20
{
	height: 20px;
}

/** PORFTOLIO **/
.imgIntro
{
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

.portfolio
{
	width: 920px;
	min-height: 120px;
	background-color: #e7e69a;
	float: left;
	margin-bottom: 40px;
	padding-left: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

.imgsPortfolio
{
	float: left;
	display: inline;
	padding: 20px 0;
	margin-right: 20px;
}

.infowork
{
	padding: 10px 20px 10px 0;
}

/** CONTACTO **/
#contact
{
	color: #575950 !important;
}

.poptitular
{
	color: #EA433F;
	padding: 20px 30px 20px 30px;
	background-color: #E7E69A;
	font-size: 18px;
}

.poptexto
{
	padding: 20px 30px 20px 30px;
}

.poptexto p
{
	margin-bottom: 10px;
}

/* ocultar mail */
.poptexto span
{
	display: none;
}

.fieldlist input
{
	width: 200px;
	margin-left: 10px;
}

.fieldlist textarea
{
	width: 500px;
	height: 65px;
}

.error
{
	font-size: 14px;
	color: #EA433F;
	visibility: hidden;
}

.boton
{
	float: left;
	margin-top: 20px;
}

.msgContacto
{
	margin-left: 100px;
	width: 740px;
}


/* IFRAME */

.ss-form-title {
	background-color: fuchsia;
	width: 500px;
}