/*///////// begin of ELEMENTS ///////////////////////////////////////////*/

BODY{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}


/*///////// IFRAME ///////////////////////////////////////////////////////////////////////*/

iframe {
background-color:transparent;}

 /* fondo transparente Opera */

/*///////// Titles /////////////////////////////////////////////////////////*/

.title{
	color: #0077bf;
	font-weight: bold;	
}

.subtitle{
	color: #0077bf;	
}

/*///////// HOME /////////////////////////////////////////////////////////*/

.hometopBG{
	background-color: #000000;
}
.homeBG{
	background-color: #2d3d4a;
}

/*///////// SERVICES /////////////////////////////////////////////////////////*/

.servicestopBG{
	background-color: #122128;
}
.servicesBG{
	background-color: #404242;
}

.servicesTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	font-weight:bold;
	line-height : 1.2em;
}
.servicesTXT a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	font-weight:bold;
	line-height : 1.2em;
	text-decoration:none;
}

.servicesTXT a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	font-weight:bold;
	line-height : 1.2em;
	text-decoration:underline;
}

.servicesdatosTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #262261;
	font-style: normal;
	line-height : 1.2em;
}
/*///////// CONTACT /////////////////////////////////////////////////////////*/

.contacttopBG{
	background-color: #12263D;
}
.contactBG{
	background-color: #2C4A6D;
}

.nameTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	color: #FFFFFF;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}

.datosTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	color: #B9BBC1;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}

.datosTXT a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	color: #B9BBC1;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
	text-decoration:none;
}

.datosTXT a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	color: #B9BBC1;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
	text-decoration:underline;
}
/*///////// ABOUT /////////////////////////////////////////////////////////*/

.abouttopBG{
	background-color: #5B6185;
}
.aboutBG{
	background-color: #32363f;
}

.aboutTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FFFFFF;
	font-weight:bold;
	text-align: left;
	line-height : 1.2em;
}

.abservicesTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #262261;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}


/*///////// PORTFOLIO /////////////////////////////////////////////////////////*/

.portfoliotopBG{
	background-color: #122128;
}
.portfolioBG{
	background-color: #2d3d4a;
}
.portfolioBGtable{
	background-color: #b32317;
}
.portfolioTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	text-align: left;
	line-height : 1.2em;
}

.portfolioservicesTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #262261;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}
	
	
/*///////// WEB SERVICES /////////////////////////////////////////////////////////*/

.webtopBG{
	background-color: #5B6185;
}
.webBG{
	background-color: #e4e5e6;
}
.webBGtable{
	background-color: #b8d1ed;
}
.webTitle{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 8px;
	font-size:20px;
	color: #FFFFFF;
	font-weight:bold;
	text-align: left;
	line-height : 1.1em;
}

.webTXT {
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 0px 0px 8px;
	font-size:13px;
	color: #FFFFFF;
	font-style: normal;
	text-align: left;
	margin-top:-50px;
}
.webTXT a{
	color: #FFFFFF;
	font-style: normal;
	text-align: left;
	font-weight:bold;
	text-decoration:none;
}

.webTXT a:hover{
	color: #FFFFFF;
	font-style: normal;
	text-align: left;
	font-weight:bold;
	text-decoration:underline;
}

.webTXT2 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 0px 0px 8px;
	font-size:13px;
	color: #353c75;
	font-style: normal;
	text-align: left;
	margin-top:-50px;
}
.webTXT2 a{
	color: #353c75;
	font-style: normal;
	text-align: left;
	font-weight:bold;
	text-decoration:none;
}

.webTXT2 a:hover{
	color: #353c75;
	font-style: normal;
	text-align: left;
	font-weight:bold;
	text-decoration:underline;
}

.webpages {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #353c75;
	font-weight:bold;
	text-align: center;
	line-height : 1.2em;
}
.webpages a{
	font-size:17px;
	color: #353c75;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
}

.webpages a:hover{
	font-size:17px;
	color: #353c75;
	font-weight:bold;
	text-align: center;
	text-decoration:underline;
}

.webmenu1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f490af;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	color: #66308f;
	line-height:20px;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}
.webmenu1 a{
	background-color: #f490af;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:none;
}

.webmenu1 a:hover{
	background-color: #f490af;
	font-size:12px;
	font-style: normal;
	text-align: left;
	text-decoration:underline;
}

.webmenu2 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B9B2D8;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	color: #66308f;
	line-height:20px;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}
.webmenu2 a{
	background-color: #B9B2D8;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:none;
}

.webmenu2 a:hover{
	background-color: #B9B2D8;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:underline;
}


.webmenu3 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #D6DE23;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	color: #66308f;
	line-height:20px;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}
.webmenu3 a{
	background-color: #D6DE23;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:none;
}

.webmenu3 a:hover{
	background-color: #D6DE23;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:underline;
}


.webmenu4 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	color: #66308f;
	line-height:20px;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}
.webmenu4 a{
	background-color: #ffffff;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:none;
}

.webmenu4 a:hover{
	background-color: #ffffff;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:underline;
}

.webmenu5 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E4E5E6;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	color: #66308f;
	line-height:20px;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}
.webmenu5 a{
	background-color: #E4E5E6;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:none;
}

.webmenu5 a:hover{
	background-color: #E4E5E6;
	font-size:12px;
	color: #66308f;
	font-style: normal;
	text-align: left;
	text-decoration:underline;
}

/*///////// FUTURED ////////////////////////////////////////////////*/	

.futuredTITbottom {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 15px;
	font-size:15px;
	color: #FFFFFF;
	font-style: normal;
	text-align: left;
	
}

.futuredTXT1 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 15px;
	font-size:14px;
	color: #000000;
	font-style: normal;
	text-align: left;
}
.futuredTXT1 a{
	padding: 0px 0px 0px 15px;
	font-size:14px;
	color: #000000;
	font-style: normal;
	text-align: left;
	text-decoration:none;
}

.futuredTXT1 a:hover{
	padding: 0px 0px 0px 15px;
	font-size:14px;
	color: #000000;
	font-style: normal;
	text-align: left;
	text-decoration:underline;
}

/*///////// BRANDING /////////////////////////////////////////////////////////*/

.brandingtopBG{
	background-color: #556293;
}
.brandingBG{
	background-color: #bbb1ba;
}
.brandingBGtable{
	background-color: #2e3934;
}

/*///////// PRINT /////////////////////////////////////////////////////////*/

.printtopBG{
	background-color: #5B6185;
}
.printBG{
	background-color: #B8D1ED;
}
.printBGtable{
	background-color: #CB4E65;
}	

.printpages {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #7D0041;
	font-weight:bold;
	text-align: center;
	line-height : 1.2em;
}
.printpages a{
	font-size:17px;
	color: #7D0041;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
}

.printpages a:hover{
	font-size:17px;
	color: #7D0041;
	font-weight:bold;
	text-align: center;
	text-decoration:underline;
}

/*///////// MOBILE /////////////////////////////////////////////////////////*/

.mobiletopBG{
	background-color: #2D3E4B;
}
.mobileBG{
	background-color: #32566d;
}
.mobileBGtable{
	background-color: #2d3e4b;
}	

.mobileMenuBG{
	background-color: #d7d7d7;
	line-height : 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #000000;
	font-style: normal;
	text-align: left;
}
.mobileMenuBG2{
	background-color: #ebebeb;
	line-height : 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #000000;
	font-style: normal;
	text-align: left;
}

.mobileTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-style: normal;
	text-align: left;
	line-height : 1.2em;
}
.mobilePHTIT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	text-align: left;
	line-height : 1.2em;
}
.mobilePHTXT {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	font-size:15px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	line-height : 1.2em;
}
.mobilePHTXT2 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	font-size:16px;
	color: #FFFFFF;
	font-weight:bold;
	text-align: center;
	line-height : 1.2em;
}
.mobilepages {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #7D0041;
	font-weight:bold;
	text-align: center;
	line-height : 1.2em;
}
.mobilepages a{
	font-size:17px;
	color: #7D0041;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
}

.mobilepages a:hover{
	font-size:17px;
	color: #7D0041;
	font-weight:bold;
	text-align: center;
	text-decoration:underline;
}

/*///////// ILLUSTRATION /////////////////////////////////////////////////////////*/

.illustopBG{
	background-color: #5B2856;
}
.illusBG{
	background-color: #dad4d7;
}
.illusBGtable01{
	background-color: #4a2644;
}
.illusBGtable02{
	background-color: #7d5179;
}
.illusBGtable03{
	background-color: #6c5560;
}
.illusTXT{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	text-align: left;
	line-height : 1.2em;
}

.illusNAME {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:18px;
	font-style: normal;
	text-align: center;
	text-decoration:none;
}

.illusNAME a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:18px;
	font-style: normal;
	text-align: center;
	text-decoration:none;
}

.illusNAME a:hover{
	text-decoration:underline;
}


/*///////// VIDEO /////////////////////////////////////////////////////////*/

.videotopBG{
	background-color: #260859;
}
.videoBG{
	background-color: #008C99;
}

/*///////// MOTION /////////////////////////////////////////////////////////*/

.motiontopBG{
	background-color: #2D3E4B;
}
.motionBG{
	background-color: #CCCEC0;
}

.motionTIT {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 5px;
	font-size:16px;
	color:#2d3e4b;
	font-weight:bold;
	text-align: left;
	line-height : 1.15em;
}

.motionSUB {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2d3e4b;
	font-style: normal;
	text-align: center;
	line-height : 1.15em;
}

/*///////// AUDIO /////////////////////////////////////////////////////////*/

.audiotopBG{
	background-color: #2d3d4a;
}
.audioBG{
	background-color: #67686c;
}


/*///////// FORMS ////////////////////////////////////////////////*/	

input, select {
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #FFFFFF;
	padding: 1px 2px 1px 2px;
	font-size: 12px;
	color: #999999;
	vertical-align: baseline;

	}
	
	textarea{
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #FFFFFF;
	padding: 1px 2px 1px 2px;
	font-size: 12px;
	color: #999999;
	vertical-align: baseline;

	}
/*///////// BLOG ////////////////////////////////////////////////*/	
	
.blogCLARO{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	font-weight:bold;
	line-height : 1.2em;
	padding: 20px 20px 20px 20px;
}

.blogCLARO a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	font-weight:bold;
	line-height : 1.2em;
	text-decoration:none;
	padding: 20px 20px 20px 20px;
}

.blogCLARO a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	font-weight:bold;
	line-height : 1.2em;
	text-decoration:underline;
	padding: 20px 20px 20px 20px;
}