﻿/*@import url("fonts.css");

.fancy:hover {
    color: white;
}


body {
    padding-top: 25px;
}

.home #logo img
{
    width:170px
}

.home a.homes img
{
    float: left;
    margin-right: 6px;
}

.home a.homes span
{
    font-size:22px;
    font-weight:bolder;
}

.form-group
{
    float:left;
}

select,.textarea,.text                       
{
    width:100%; 
    box-sizing:border-box;
    padding: 8px 4px;
    border: 1px solid #ccc;
}

.form_field .datePicker 
{
    width:100%; 
    box-sizing:border-box;
    padding: 8px 4px;
    border: 1px solid #ccc;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 5px !important; 
}

.margeninferior
{
    margin-bottom:10px
}

.cont_type_qt
{
    text-align:center;
}

.cont_type_qt a 
{
    height: 20px;
    line-height: 20px;
    min-width:134px;
}

.cont_type_qt a.carnival
{
    border:none;
    color:White;
}

.cont_type_qt a.carnival:hover
{
    cursor:default;
    background:none;
}

.cont_type_qt a img
{
    height: 22px;
    float: left;
    margin-right:6px;
}

ul#submenu li
{
    position:relative;
}


ul#submenu .items_list i
{
    margin:0px 5px;
    margin-top:2px;
}

ul#submenu .items_list i img
{
    margin-top:-2px;
    width:30px;
}

ul#submenu .items_list i img:hover
{
    outline: #BED600 solid 2px;
    cursor:pointer
}

ul#submenu .items_list .links_items_list
{
    display:inline;
}

ul.shadow-light li { background: #fcfcfc; }
ul.shadow-light li:nth-child(odd) { background: #F2F2F2; }

.text_big           {font-size:xx-large}
.text_center        {text-align:center; margin-bottom:0px; margin-top:5px; font-weight:lighter;}

.text_blue          {color:#2d86b3}
.text_green         {color:#88AA31}
.text_yellow        {color:#ffd200}
.text_orange        {color:#ff9900}
.text_red           {color:#cc3300}
.text_white         {color: White; }

.bk_blue            {background:#2d86b3}
.bk_green           {background:#88AA31}
.bk_yellow          {background:#ffd200}
.bk_orange          {background:#ff9900}
.bk_red             {background:#cc3300}
.bk_pink            {background:#cc00c5}

.label-items .label-blue            {background-color:#2d86b3}
.label-items .label-green           {background-color:#88AA31}
.label-items .label-yellow          {background-color:#ffd200}
.label-items .label-orange          {background-color:#ff9900}
.label-items .label-red             {background-color:#cc3300}
.label-items .label-pink            {background-color:#cc00c5}

.checklist-tareas
{
    color:white;
    padding:0px;
    margin:0px;
}
    .checklist-tareas a:hover
    {
        text-decoration:none
    }

    .checklist-tareas li
    {
        font-size: 18px;
        margin:10px 0px;
        line-height:1.5
    }
        .checklist-tareas li span
        {
            font-size: 15px;
        }

    .checklist-tareas li a
    {
        display:block;
        padding:10px 15px 6px;
    }
        .checklist-tareas li.carnival
        {
            display:block;
            padding:0px;
        }
        

            .checklist-tareas li.carnival.bk_green
            {
                background-color: #e4f2c1;  color: #88AA31; border-color: #6a8012; 
            }
                .checklist-tareas li.carnival.bk_green a,.checklist-tareas li.carnival.bk_green a span
                {
                    color: #88AA31;
                }

                .checklist-tareas li.carnival.bk_green:hover
                {
                    background-color: #bfd882;
                }

            .checklist-tareas li.carnival.bk_yellow
            {
                 background-color: #f9e655; color: #e57200; border-color:  #e57200;
            }
                .checklist-tareas li.carnival.bk_yellow a,.checklist-tareas li.carnival.bk_yellow a span
                {
                    color: #e57200;
                }
                .checklist-tareas li.carnival.bk_yellow:hover
                {
                    background-color: #ffd200;
                }

            .checklist-tareas li.carnival.bk_red
            {
                background-color: #f97855; color: #a12800; border-color: #a12800;
            }

                .checklist-tareas li.carnival.bk_red a,.checklist-tareas li.carnival.bk_red a span
                {
                    color: #a12800;
                }

                .checklist-tareas li.carnival.bk_red:hover
                {
                    background-color: #ed5c35;
                }

        .checklist-tareas li a span
        {
            font-weight: lighter;
        }

        .checklist-tareas li.carnival.check
        {
            background:url('icons/tareas-check.png') no-repeat right 20px center;background-color: #dff0f5; color:#0082c0; border-color: #0082c0;
        }

            .checklist-tareas li.carnival.check a,.checklist-tareas li.carnival.check a span
            {
                color:#0082c0
            }

            .checklist-tareas li.carnival.check:hover
            {
                background-color: #a6d9e8;
            }


.btn-help
{
    position:fixed; top:50%; left:0px; background: #cc3300; word-wrap: break-word; text-align:center; width:15px; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25);
}

    .btn-help a
    {
        font-size: 25px;
        color: White;
    }

        .btn-help a:hover
        {
            text-decoration: none;
        }

.replace.home       
{
    margin:0px;
    text-align:center;
}

.div_shadow         
{
    border: 1px solid #DFDFDF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 6px rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.4);
}

.label-items .label
{
    margin-bottom:5px;
    box-shadow: 0 1px 2px rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(102, 102, 102, 0.4);
    text-shadow:none;
}

.label-items i.icon-remove
{
    cursor:pointer
}

/*******************  CHAT *****************

.btn-chat
{
    width:285px;
    background:#ff9900;
    height:25px;
    line-height:25px;
    position:fixed;
    right:15px;
    bottom:0%;
    z-index:9999;
    padding:5px;
    color:White;
    cursor:pointer;
    font-size:18px
}

.btn-chat img
{
    float:left;
    width:30px;
}

.btn-chat:hover
{
    background:#e58a00;
}

.btn-chat .replace
{
    margin:0px;
    padding:0px;
}

.chat
{
    width:285px;
    height:285px;
    background:white;
    position:fixed;
    overflow:hidden;
    right:325px;
    bottom:0px;
    box-shadow: 3px 3px 7px rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 3px 3px 7px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 3px 3px 7px rgba(102, 102, 102, 0.4);
    border:#fff solid 1px;
}

.chat-header
{
    width:275px;
    height:25px;
    padding:5px;
    line-height: 25px;
    position:absolute;
    background:#ff9900;
    float:left;
    color:White;
    font-weight:bold;
    cursor:pointer;
    z-index:200
}

.chat-header:hover
{
    background:#e58a00
}

.chat-body
{
    background:#EDEFF4;
    width:285px;
    height:285px;
}

.conversacion-chat
{
    margin-top:35px;
    height:210px;
    overflow:scroll;
    overflow-x:hidden;
    padding:5px;    
}

.text-chat
{
    position:absolute;
    bottom:0px;
    border:none;
    width:275px;
    height:30px;
    padding:0px 5px;
}

/***burbujas de chat**

.chat-user {
	position: relative;
	background: #88AA31;
	padding:5px;
	float:right;
	max-width: 75%;
    min-width: 10%;
    width: auto;
    color:White;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:4px 0px;
    margin-right:5px;
    clear:both
}

.chat-user:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88AA31;
	border-width: 10px;
	margin-top: -10px;
}

.chat-guest
{
	position: relative;
	background: #3399cc;
	padding:5px;
	float:left;
	max-width: 75%;
    min-width: 10%;
    width: auto;
    color:White;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:4px 0px;
    margin-left:5px;
    clear:both
    
}

.chat-guest:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #3399cc;
	border-width: 10px;
	margin-top: -10px;
}

.chat-status
{
    float:right;
    margin-top:3px;
    white-space:pre;
}

/***Chat list ******

.chat-list
{
    width:295px;
    height:350px;
    background:white;
    position:fixed;
    overflow:hidden;
    right:15px;
    bottom:0px;
    box-shadow: 3px 3px 7px rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 3px 3px 7px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 3px 3px 7px rgba(102, 102, 102, 0.4);
    z-index:99999999
}

.chat-list .chat-body
{
    width:295px;
    height:350px;
    background:white;
}

.chat-header-list
{
    width:285px;
    background:#ff9900;
    height:25px;
    line-height:25px;
    position:absolute;
    padding:5px;
    color:White;
    cursor:pointer;
    font-size:18px
}

.chat-header-list img
{
    float:left;
    width:30px;
}

.chat-header-list:hover
{
    background:#e58a00;
}

.chat-header-list .replace
{
    margin:0px;
    padding:0px;
}

.chat-list .text-chat
{
    border-top: #ccc solid 1px
}

.list-user
{
    margin-top:35px;
    height:275px;
    overflow:auto;
    overflow-x:hidden;
    padding:5px;
}

.list-user li
{
    list-style:none;
    padding:5px;
}

.list-user li:hover
{
    background:#DFF0F5;
    cursor:pointer
}


.minimal.plan-mes {
    border: 6px solid #BED600;
    border-bottom:none;
    border-left: none;
    border-right: none;
    min-height:67px;
}

#div_programas #submenu.shadow-light {
height: 156px;
overflow: hidden;
overflow-y: auto;
}


/***********PLUGIN FACEBOOK***************
.fb-like-box {
    background:white
}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}





/***********NUBES***********

.nube {
    position: absolute;
    z-index:1000;
    left: 388px;
    top: 15px;
}


/******Style Error*/


/*Font*

.title 
{
    font-family: 'lobster';
    font-weight:lighter
}

/*End Font*
#header.error 
{
    height:auto;
    margin-bottom:80px;
}

.bk-error {
    background:url("img/notfound.jpg") center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #a9e4f7;
    height: 100%;
}

.sad_404
{
    float:left;
    background: url("img/emomk/triste_emoticon.png") no-repeat;
    height:256px;
    width:256px;
}

.logo-error {
    width:220px;
}


.text_error {
    font-family: 'lobster'; 
    font-size:50px; 
    color:#cc3300; 
    
    text-shadow:
   -2px -2px 0 #fff,
    2px -2px 0 #fff,
   -2px 2px 0 #fff,
    2px 2px 0 #fff;
}*/

@import url("fonts.css");

.home #logo img
{
    width:170px
}

.home a.homes img
{
    float: left;
    margin-right: 6px;
}

.home a.homes span
{
    font-size:22px;
    font-weight:bolder;
}

/*
.form-group
{
    float:left;
}
*/

select,.textarea,.text                       
{
    width:100%; 
    box-sizing:border-box;
    padding: 8px 4px;
    border: 1px solid #ccc;
}

.form_field .datePicker 
{
    width:100%; 
    box-sizing:border-box;
    padding: 8px 4px;
    border: 1px solid #ccc;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 5px !important; 
}

.margeninferior
{
    margin-bottom:10px
}

.cont_type_qt
{
    text-align:center;
}

.cont_type_qt a 
{
    height: 20px;
    line-height: 20px;
    min-width:134px;
}

.cont_type_qt a.carnival
{
    border:none;
    color:White;
}

.cont_type_qt a.carnival:hover
{
    cursor:default;
    background:none;
}

.cont_type_qt a img
{
    height: 22px;
    float: left;
    margin-right:6px;
}


ul.shadow-light li { background: #fcfcfc;color:#5B1487 }
ul.shadow-light li:nth-child(odd) { background: #F2F2F2; }

.purple.page_title  {background:#E2C1F2;color:#5B1487}
.purple.page_title h1{color:#5B1487}
.text_big           {font-size:xx-large}
.text_center        {text-align:center; margin-bottom:0px; margin-top:5px; font-weight:lighter;}

.text_blue          {color:#2d86b3}
.text_green         {color:#88AA31}
.text_yellow        {color:#ffd200}
.text_orange        {color:#ff9900}
.text_red           {color:#cc3300}
.text_purple        {color:#5B1487}
.text_white         {color: White }
.text_pink          {color:#F36BA7}

.bk_blue            {background:#2d86b3}
.bk_green           {background:#88AA31}
.bk_yellow          {background:#ffd200}
.bk_orange          {background:#ff9900}
.bk_red             {background:#cc3300}
.bk_pink            {background:#cc00c5}
.bk_purple          {background:#5B1487}

.label-items .label-blue            {background-color:#2d86b3}
.label-items .label-green           {background-color:#88AA31}
.label-items .label-yellow          {background-color:#ffd200}
.label-items .label-orange          {background-color:#ff9900}
.label-items .label-red             {background-color:#cc3300}
.label-items .label-pink            {background-color:#cc00c5}

.checklist-tareas
{
    color:white;
    padding:0px;
    margin:0px;
}
    .checklist-tareas a:hover
    {
        text-decoration:none
    }

    .checklist-tareas li
    {
        font-size: 18px;
        margin:10px 0px;
        line-height:1.5
    }
        .checklist-tareas li span
        {
            font-size: 15px;
        }

    .checklist-tareas li a
    {
        display:block;
        padding:10px 15px 6px;
    }
        .checklist-tareas li.carnival
        {
            display:block;
            padding:0px;
        }
        

            .checklist-tareas li.carnival.bk_green
            {
                background-color: #e4f2c1;  color: #88AA31; border-color: #6a8012; 
            }
                .checklist-tareas li.carnival.bk_green a,.checklist-tareas li.carnival.bk_green a span
                {
                    color: #88AA31;
                }

                .checklist-tareas li.carnival.bk_green:hover
                {
                    background-color: #bfd882;
                }

            .checklist-tareas li.carnival.bk_yellow
            {
                 background-color: #f9e655; color: #e57200; border-color:  #e57200;
            }
                .checklist-tareas li.carnival.bk_yellow a,.checklist-tareas li.carnival.bk_yellow a span
                {
                    color: #e57200;
                }
                .checklist-tareas li.carnival.bk_yellow:hover
                {
                    background-color: #ffd200;
                }

            .checklist-tareas li.carnival.bk_red
            {
                background-color: #f97855; color: #a12800; border-color: #a12800;
            }

                .checklist-tareas li.carnival.bk_red a,.checklist-tareas li.carnival.bk_red a span
                {
                    color: #a12800;
                }

                .checklist-tareas li.carnival.bk_red:hover
                {
                    background-color: #ed5c35;
                }

        .checklist-tareas li a span
        {
            font-weight: lighter;
        }

        .checklist-tareas li.carnival.check
        {
            background:url('icons/tareas-check.png') no-repeat right 20px center;background-color: #dff0f5; color:#0082c0; border-color: #0082c0;
        }

            .checklist-tareas li.carnival.check a,.checklist-tareas li.carnival.check a span
            {
                color:#0082c0
            }

            .checklist-tareas li.carnival.check:hover
            {
                background-color: #a6d9e8;
            }



.replace.home       
{
    margin:0px;
    text-align:center;
}

.div_shadow         
{
    border: 1px solid #DFDFDF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 6px rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 0 1px 6px rgba(102, 102, 102, 0.4);
}

.label-items .label
{
    margin-bottom:5px;
    box-shadow: 0 1px 2px rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(102, 102, 102, 0.4);
    text-shadow:none;
}

.label-items i.icon-remove
{
    cursor:pointer
}

.minimal.plan-mes {
    border: 6px solid #BED600;
    border-bottom:none;
    border-left: none;
    border-right: none;
    min-height:67px;
}



/***********PLUGIN FACEBOOK***************/
.fb-like-box {
    background:white
}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}

/***********************************/
ul#submenu li
{
    position:relative;
}

ul#submenu .items_list
{
    background:none;
    display:inline-block;
    padding:0px;
    position:absolute;
    right:0px;
    margin-right:10px;
    cursor:default;
}

    ul#submenu .items_list i
    {
        margin:0px 5px;
        margin-top:2px;
    }

        ul#submenu .items_list i img
        {
            margin-top:-2px;
            width:30px;
        }

            ul#submenu .items_list i img:hover
            {
                cursor:pointer
            }

    ul#submenu .items_list .links_items_list
    {
        display:inline;
    }


/***********NUBES***********/

.nube {
    position: absolute;
    z-index:1000;
    left: 388px;
    top: 15px;
}


/******Style Error*/


/*Font*/

.lobster 
{
    font-family: 'lobster';
    font-weight:lighter
}

/*End Font*/
#header.error 
{
    height:auto;
    margin-bottom:80px;
}

.bk-error {
    background:url("img/notfound.jpg") center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #a9e4f7;
    height: 100%;
}

.sad_404
{
    float:left;
    background: url("img/emomk/triste_emoticon.png") no-repeat;
    height:256px;
    width:256px;
}

.logo-error {
    width:220px;
}

.text_error {
    font-family: 'lobster'; 
    font-size:50px; 
    color:#cc3300; 
    
    text-shadow:
   -2px -2px 0 #fff,
    2px -2px 0 #fff,
   -2px 2px 0 #fff,
    2px 2px 0 #fff;
}


/*MENU GUEST*/


/*Error*/
.field-validation-error
{
    color: #ff0000;
}